" 高 等 学 校 计算 机 基础 教育 教材 精 选 ， 
“国家 级 精品 课程 ”配套 教材 


Web 技 术 应 用 基础 


(第 2 版 ) 


攀 月 华 主编 
刘 雪 涛 刘 洪 发 编著 


清华 大 学 出 版 社 


高 等 学 校 计 算 机 基础 教育 教材 精 选 


Web 技术 应 用 基础 
(第 2 版 ) 


至 月 华 主编 
刘 雪 涛 刘 洪 发 编著 


训 


华 大 学 出 版 社 
北 京 


内 容 简 介 

本 书 以 开发 Web 应 用 的 工作 过 程 为 序 , 介 绍 了 Web 技术 三 个 层面 的 应 用 。 

全 书 共 3 篇 10 章 , 以 一 个 与 公司 合作 开发 的 实际 案例 一 一 网 上 书店 贯穿 本 书 。 第 1 篇 “Web 技术 
基础 "分 为 3 章 ,主要 内 容 是 Web 技术 概述 、Web 应 用 环境 构建 技术 和 网 上 书店 的 系统 设计 。 第 2 篇 
“Web 客户 端 程序 设计 基础 ?分 为 3 章 , 分 别 介绍 了 HTML、CSS 和 JavaScript 技术 。 第 3 篇 "JSP Web 
数据 库 应 用 开发 ”分 为 4 章 , 分 别 介绍 了 JSP 运行 机 制 与 基本 语法 、JSP 内 置 对 象 . 基 于 JSP 的 Web 数据 
库 应 用 开发 和 网 上 书店 的 实现 。 本 书 共 80 多 个 案例 ,以 及 一 个 实际 案例 一 一 网 上 书店 ,它们 的 源 代码 
可 在 清华 大 学 出 版 社 网 站 下 载 。 
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高 等 学 校 计 算 机 基础 教育 教材 精 选 


在 教育 部 关于 高 等 学 校 计算 机 基础 教育 三 层次 方案 的 指导 下 ,我国 高 等 学 校 的 计算 
机 基础 教育 事业 蓬勃 发 展 。 经 过 多 年 的 教学 改革 与 实践 ,全 国 很 多 学 校 在 计算 机 基础 教 
育 这 一 领域 中 积累 了 大 量 宝贵 的 经 验 , 取 得 了 许多 可 喜 的 成 果 。 

随 着 科教 兴国 战略 的 实施 以 及 社会 信息 化 进程 的 加 快 ,目前 我 国 的 高 等 教育 事业 正 
面临 着 新 的 发 展 机 过, 但 同时 也 必须 面 对 新 的 挑战 。 这 些 都 对 高 等 学 校 的 计算 机 基础 教 
育 提 出 了 更 高 的 要 求 。 为 了 适应 教学 改革 的 需要 ,进一步 推动 我 国 高 等 学 校 计算 机 基础 
教育 事业 的 发 展 ,我 们 在 全 国 各 高 等 学 校 精 心 挖掘 和 北 选 了 一 批 经 过 教学 实践 检验 的 优 
秀 的 教学 成 果 , 编 辑 出 版 了 这 套 教材 。 教 材 的 选 题 范围 涵盖 了 计算 机 基础 教育 的 三 个 层 
次 ,包括 面向 各 高 校 开 设 的 计算 机 必修 课 、 选 修 课 ,以 及 与 各 类 专业 相 结 合 的 计算 机 课程 。 

为 了 保证 出 版 质量 ,同时 更 好 地 适应 教学 需求 ,本 套 教 材 将 采取 开放 的 体系 和 滚动 出 
版 的 方式 ( 即 成 熟 一 本 、 出 版 一 本 .并 保持 不 断 更 新 ) ,坚持 宁 缺 星 滥 的 原则 ,力求 反映 我 国 
高 等 学 校 计算 机 基础 教育 的 最 新 成 果 . 使 本 套 从 书 无 论 在 技术 质量 上 还 是 文字 质量 上 均 
成 为 真正 的 “ 精 选 ”。 

清华 大 学 出 版 社 一 直 致 力 于 计算 机 教育 用 书 的 出 版 工作 ,在 计算 机 基础 教育 领域 出 
版 了 许多 优秀 的 教材 。 本 套 教材 的 出 版 将 进一步 丰富 和 扩大 我 社 在 这 一 领域 的 选 题 范 
围 、 层 次 和 深度 ,以 适应 高 校 计 算 机 基础 教育 课程 层次 化 、 多 样 化 的 趋势 ,从 而 更 好 地 满足 
各 学 校 由 于 条 件 、. 师 资 和 生源 水 平 专业 领域 等 的 差异 而 产生 的 不 同 需求 。 我 们 热切 期 望 
全 国 广 大 教师 能 够 积极 参与 到 本 套 丛书 的 编写 工作 中 来 ,把 自己 的 教学 成 果 与 全 国 的 同 
行 们 分 享 ; 同 时 也 欢迎 广大 读者 对 本 套 教 材 提 出 宝贵 意见 ,以 便 我 们 改进 工作 ,为 读者 提 
供 更 好 的 服务 。 

我 们 的 电子 邮件 地 址 是 : jiaoh@tup. tsinghua. edu. cn; 联 系 人 : 焦 虹 。 


清华 大 学 出 版 社 
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Web 技术 应 用 基础 (第 2 版 ) 


人 类 已 进入 信息 社会 ,信息 技术 (IT) 的 应 用 渗透 到 各 个 领域 。 基 于 Web 的 应 用 系统 
正在 成 为 信息 系统 的 主流 。Web 技术 也 是 IT 领域 的 一 项 关键 技术 , 随 着 网 上 应 用 系统 、 
企 事业 信息 管理 .电子 商务 和 电子 政务 等 需求 的 增加 ,使 用 Web 方式 进行 信息 处 理 和 应 
用 系统 开发 已 经 成 为 主流 发 展 趋势 。Web 技术 是 网 上 信息 应 用 的 基础 ,是 信息 管理 、 计 
算 机 等 专业 ,甚至 是 IT 类 专业 的 一 项 主要 技术 基础 , 它 也 是 从 事 信息 事业 的 技术 人 员 和 
管理 者 需要 掌握 的 重要 技能 之 一 。 

一 个 基于 Web 技术 的 应 用 开发 需要 三 个 层面 的 技术 ,本 书 根据 这 三 个 层面 设计 了 三 
个 台阶 ,读者 每 完成 一 部 分 内 容 的 学 习 , 即 可 进行 Web 应 用 开发 的 某 一 方面 的 工作 。 

(1) Web 应 用 环境 构建 技术 。 能 力 要 求 : 掌握 构建 Web 应 用 软 硬 件 平台 的 基本 
技能 。 

(2) Web 客户 端 程 序 设 计 基 础 。 能 力 要 求 : 具有 基本 的 Web 编程 能 力 。 

(3) Web 数据 库 应 用 开发 技术 。 能 力 要 求 : 熟练 掌握 应 用 JSP 技术 完成 数据 库 信息 
存储 ,管理 与 发 布 技术 。 

在 Web 应 用 环境 构建 部 分 ,重点 介绍 了 JSP 运行 环境 的 构建 。Web 客户 端 编程 技 
术 是 Web 应 用 开发 的 基础 ,本 书 对 这 部 分 内 容 介 绍 以 必需 、 够 用 为 度 , 重 点 介绍 了 
HTML、CSS 和 JavaScript 技术 的 应 用 。 如 果 读 者 具有 某 种 程序 设计 语言 的 基础 ,这 部 分 
内 容 可 以 通过 本 书 案 例 自 学 。 基 于 Web 技术 的 应 用 开发 的 核心 技术 是 应 用 逻辑 处 理 技 
术 和 数据 库 信 息 发 布 技术 ,这 是 本 书 讲解 的 重点 。 

本 书 是 在 作者 完成 多 轮 教学 与 多 个 项 目的 基础 上 写成 的 ,全 面 地 介绍 了 Web 技术 应 
用 的 基本 概念 与 理论 ,详细 讲解 了 市 场 主流 成 熟 技术 的 应 用 。 本 书 具 有 以 下 三 个 特点 : 

(1) 以 应 用 为 导向 。 本 书 以 应 用 为 导向 ,以 Web 应 用 开发 过 程 较 为 全 面 地 介绍 了 市 
场 主 流 和 成 熟 技术 的 应 用 。 

(2) 将 实际 项 目 引 入 教学 。 本 书 的 案例 “网 上 书店 ”是 一 个 实际 项 目 , 是 作者 与 企业 
共同 开发 的 ,为 便于 教学 ,对 部 分 内 容 作 了 适当 简化 。 本 书 介 绍 了 “网 上 书店 ”从 设计 到 实 
现 的 全 过 程 ,读者 按照 系统 使 用 说 明 . 可 将 系统 恢复 .用 以 教学 或 参照 开发 新 的 应 用 。 

(3) 以 案例 带动 教学 。 本 书 以 案例 带动 教学 ,强调 在 做 中 学 ,将 实践 与 学 习 结 合 。 本 
书 共 提供 案例 80 多 个 , 供 读者 学 习 使 用 。 

书 中 每 章 后 面 有 大 量 的 习题 `、 上 机 练习 和 实 训 课题 .其 目的 是 使 学 生 掌握 核心 知识 、 
概念 和 技术 。 在 实 训 中 还 提供 了 一 些 综合 应 用 的 课题 。 


本 书 由 攀 月 华 、 刘 雪 涛 和 刘 洪 发 共同 策划 ,第 4、5、6 和 10 章 由 刘 雪 涛 编写 ,第 1.2 和 
3 章 由 刘 洪 发 编写 ,第 7、8、9 章 由 攀 月 华 编写 。 在 网 上 书店 项 目 设计 与 开发 过 程 中 ,得 到 
多 特 教育 责任 有 限 公 司 的 易 力 协助 ,在 此 一 并 感谢 。 

本 书 第 2 版 更 新 了 软件 版 本 ,对 部 分 内 容 和 例题 进行 了 更 新 ,保证 了 教材 的 先进 性 。 
并 将 内 容 集中 于 JSP 技术 , 删 减 了 ASP. NET 部 分 内 容 , 使 内 容 更 加 紧凑 。 

感谢 读者 选择 使 用 本 书 , 欢 迎 对 本 书 结构 、 内 容 提出 批评 和 修改 建议 ,本 书 不 当 之 处 
敬 请 指正 ,我 们 将 不 胜 感 谢 。 


作 者 
2008 年 11 月 
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本 篇 主要 介绍 与 Web 技术 相关 的 基础 知识 与 原理 。 通 过 第 1 篇 的 学 习 , 读 者 将 了 解 
Web 应 用 的 基本 知识 与 原理 ,通过 一 个 实际 案例 (网 上 书店 ,此 案例 将 贯穿 于 全 书 ) 了 解 
基于 Web 方式 的 应 用 系统 开发 的 全 过 程 ,并 掌握 Web 应 用 环境 的 构建 技术 。 本 篇 主要 
内 容 包 括 : 


第 1 章 Web 技术 概述 
第 2 章 Web 应 用 环境 构建 技术 
第 3 章 基于 Web 方式 的 信息 系统 开发 案例 一 一 网 上 书店 


第 7 痘 Web 技术 概述 


本 章 主 要 介绍 Web 技术 的 基础 知识 和 基本 原理 ,包括 计算 机 网 络 基 础 知识 、IP 地 
址 、 域 名 和 统一 资源 定位 器 URL, Web 的 基本 概念 、 工 作 原 理 和 Web 站 点 的 体系 结构 ， 
Web 数据 库 基 础 知识 等 ,为 Web 应 用 开发 做 好 准备 。 


1.1 Web 简介 


1.1.1 什么 是 Web 


Web 全 称 World Wide Web ,简称 WWW .译名 万 维 网 或 全 球 信息 网 。 

Web 提供 一 个 图 形 化 的 界面 ,用 以 浏览 网 上 资源 。 它 是 一 个 在 Internet 上 运行 的 全 
球 性 分布 式 信息 发 布 系 统 。 该 系统 通过 Internet 向 用 户 提 供 基 于 超 媒 体 的 数据 信息 服 
务 。 它 把 各 种 类 型 的 信息 (文本 、 图 像 、 声 音 和 影视 ) 有 机 地 集成 起 来 ,供用 户 使 用 。 

Web 是 Internet 提供 的 一 种 服务 ,是 基于 Internet、 采 用 Internet 协议 的 一 种 体系 结 
构 。Web 技术 是 Internet 的 核心 技术 之 一 , 它 的 主要 功能 是 信息 发 布 和 信息 处 理 ,这 也 
是 网 上 信息 系统 的 一 项 重要 功能 。 如 网 上 购书 系统 ,读者 在 浏览 器 表单 中 输入 需要 购买 
的 图 书信 息 , Web 服务 器 端 应 用 程序 接受 用 户 信 息 , 在 数据 库 中 查询 所 需 图 书 ,通过 与 用 
户 的 交互 ,完成 购书 操作 。 

Web 技术 几乎 已 进入 所 有 信息 领域 ,如 新 闻 广告、 信息 服务 .电子 商务 .电子 政务 和 
企 事业 管理 信息 系统 等 。 


1.1.2 Web 三 要 素 


在 Web 环球 信息 网 中 邀 游 必 备 的 三 要 素 如 下 所 示 。 

(1) 统一 资源 定位 (URL): 解决 网 上 资源 在 何 处 的 问题 。 

(2) 超 文本 传输 协议 (HTTP): 解决 用 什么 方法 访问 资源 的 问题 。 

(3) 超 文 本 标记 语言 (HTML): 提供 信息 资源 的 表达 方式 和 在 资源 之 间 自 由 访问 的 


1.2 计算 机 网 络 基 础 


计算 机 网 络 是 计算 机 技术 和 通信 技术 相 结 合 的 产物 。 基 于 Web 的 信息 系统 是 运行 
在 计算 机 网 络 之 上 的 。Internet 是 覆盖 人 全球、 开放 的 .由 众多 网 络 互联 而 形成 的 计算 机 
网 络 。 


1.2.1 网 络 的 定义 


计算 机 网 络 : 用 通信 线路 和 通信 设备 ,将 分 布 在 不 同 地 点 的 具有 独立 功能 的 多 个 计 
算 机 系统 连接 起 来 ,在 网 络 软件 的 支持 下 ,实现 彼此 之 间 数 据 通 信和 资源 共享 的 系统 。 

计算 机 网 络 常见 的 分 类 依据 是 网 络 覆 盖 的 地 理 范 围 ,根据 网 络 覆 盖 范 围 的 大 小 将 网 
络 分 为 局 域 网 、 城 域 网 和 广域网 。 

局 域 网 (Local Area Network,LAN): 是 连接 近 距 离 的 网 络 ,覆盖 范围 从 几米 到 数 千 
米 , 如 办 公 室 或 实验 室 的 网 ,同一 建筑 物 内 的 网 ,校园 内 、 某 单位 园区 内 或 某 居民 区 内 的 
网 。 局 域 网 是 城 域 网 和 广域网 的 基础 。 

城 域 网 (Metropolitan Area Network,MAN): 是 介 于 局 域 网 和 广域网 之 间 的 一 种 高 
速 网 络 , 畴 盖 范 围 为 几 十 千 米 , 其 规模 限于 一 个 城市 的 范围 。 

广域网 (Wide Area Network,WAN): 其 覆盖 范围 从 几 十 千 米 到 几 千 千 米 , 可 以 连接 
若干 个 城市 .地 区 、 国 家 ,甚至 横 跨 几 个 洲 覆 盖 全 球 ,形成 国际 性 的 远程 网 络 。 广 域 网 的 连 
接 一 般 采 用 租用 线路 、VPN 虚拟 专用 网 .DDN、X. 25、 卫 星 信道 和 帧 中 继 等 通信 线路 。 


1.2.2 JInternet 


1. Internet 定义 


Internet 译 为 “因特网 ”, 也 称 国际 互联 网 。Internet 是 一 个 把 世界 范围 内 的 众多 计算 
机 、 人 、 数 据 库 、 软 件 和 文件 连接 在 一 起 的 ,通过 一 个 共同 的 通信 协议 (TCP/IP 协议 ) 相 互 
会 话 的 网 络 。 

该 网 集合 了 全 球 大 量 信 息 资 源 , 是 信息 时 代 人 们 交流 信息 不 可 缺少 的 手段 和 途径 。 
与 Internet 相连 的 任何 一 台 计 算 机 ,都 被 称 为 主机 。Internet 技术 主要 有 以 下 几 方 面 
表现 : 

。 采用 标准 协议 一 一 TCP/IP 协议 ,可 使 网 上 各 种 不 同 的 计算 机 进行 通信 。 

。 通过 路 由 器 将 不 同 网 络 互联 。 

。 提供 了 建立 在 TCP/IP 协议 基础 之 上 的 WWW 浏览 服务 。 

。 应 用 DNS 域名 解析 系统 完成 网 络 计 算 机 之 间 的 地 址 解析 工作 。 

Internet 可 以 定义 为 使 用 TCP/IP 协议 由 路 由 器 连接 起 来 的 覆盖 全 球 的 网 络 系统 。 
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2. Internet 提供 的 基本 服务 


Internet 已 经 深入 到 人 们 生活 、 工 作 、 学习、 娱乐 的 各 个 方面 ,已 开发 了 大 量 的 
Internet 应 用 。 它 提供 的 主要 服务 如 下 。 

1) WWW 服务 

WWW 是 Internet 上 最 方便 、 最 受 欢 迎 的 信息 服务 类 型 。 它 是 在 Internet 上 运行 的 
信息 服务 系统 ,WWW 上 集中 了 全 球 的 信息 资源 ,信息 分 布 在 世界 各 地 的 联网 主机 上 。 
WWW 提供 信息 服务 .在线 影片 .音乐 欣赏 .网络 传 真 和 网 上 购物 等 服务 。 

2) E-mail(Electronic Mail) 服务 

电子 邮件 又 称 电 子 信 箱 , 简称 E-mail, 是 Internet 提供 的 一 项 基本 服务 ,也 是 
Internet 上 使 用 最 广泛 的 一 种 服务 。 它 可 以 发 送 文本 文件 .图 片 和 程序 等 。 它 是 网 上 的 
邮政 系统 ,是 一 种 以 计算 机 网 络 为 载体 的 信息 传输 方式 。 通 过 电子 信箱 地 址 ,人 们 可 以 在 
互联 网 上 快速 简便、 廉价 地 交换 电子 邮件 。 

3) 文件 传输 (File Transfer Protocol,FTP) 服 务 

文件 传输 服务 也 是 Internet 的 基本 功能 之 一 ,FTP 服务 允许 Internet 用 户 将 一 台 计 
算 机 上 的 文件 传送 到 另 一 台 计 算 机 上 。 相 当 于 每 台 联网 的 主机 都 拥有 了 一 个 巨大 容量 的 
备份 文件 库 。FTP 可 以 在 Internet 上 传输 任何 类 型 的 文件 ,例如 : 文本 文件 、 二 进 制 文 
件 、 图像 文件 .声音 文件 和 数据 压缩 文件 等 。FTP 服务 有 两 种 类 型 ,普通 FTP 服务 和 匿 
名 (anonymous)FTP 服务 。 普 通 FTP 服务 向 注册 用 户 提 供 文 件 传输 服务 ;匿名 FTP 向 
任何 Internet 用 户 提供 文件 传输 服务 。 

4) 远程 登录 (Telnet) 服 务 

在 网 上 人 们 常常 需要 使 用 远程 计算 机 的 资源 ,为 此 人 们 开发 了 远程 终端 协议 , 即 
Telnet 协议 。Internet 用 户 可 以 使 用 Telnet 命令 ,使 自己 的 计算 机 进入 远程 主机 系统 。 
使 用 Telnet 命令 与 远程 主机 建立 连接 后 ,用 户 就 像 坐 在 远程 主机 面前 一 样 ,使 用 远程 主 
机 的 资源 和 应 用 程序 。 

5) BBSCBulletin Board System) 服 务 

BBS 是 Internet 上 的 一 种 电子 信息 服务 系统 。 它 提供 一 块 公 共 电 子 白 板 , 每 个 用 户 
都 可 以 在 上 面 发 布 信息 并 提出 自己 的 观点 。 电 子 公 告 栏 可 以 按 不 同 的 主题 .分 主题 形成 
多 个 布告 栏 。BBS 允许 用 户 上 传 和 下 载 文件 .讨论 和 发 布 通告 等 ,是 网 民 们 交流 信息 、 讨 
论 问题 的 理想 场所 。 

6) 新 闻 (Usenet) 服 务 

Usenet 是 针对 某 个 主题 的 网 上 新 闻 组 。 新 闻 组 可 以 使 趣味 相投 的 人 们 通过 电子 邮 
件 和 电子 公告 栏 讨 论 共 同 关 心 的 问题 。 加 入 某 个 新 闻 组 后 ,可 以 浏览 新 闻 组 中 的 文章 , 回 
复 他 人 的 文章 ,也 可 以 发 布 自己 的 文章 。 

7) 网 上 电话 与 网 上 视频 服务 

在 Internet 上 打 电 话 , 费 用 比 一 般 的 电话 要 少 得 多 。 网 上 电话 可 使 用 普通 电话 机 、 专 
用 的 IP 电话 机 :也 可 以 使 用 多 媒体 计算 机 代替 电话 机 。 如 果 使 用 多 媒体 计算 机 来 打 电 
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话 ,在 使 用 前 ,需要 正确 安装 声卡 .音箱 .麦克 风 并 运行 相应 软件 (例如 IP Phone) 。 

利用 Internet, 还 可 以 收发 传真 ,在 高 速 宽带 的 网 络 环境 下 收看 广播 视频 节目 、 举 办 
远程 视频 会 议 、 远 程 教学 、 远 程 诊断 等 。 

8) 电子 商务 (E-Commerce) 

在 Internet 上 可 以 实施 基于 Web 的 商务 活动 ,任何 通过 Internet 进行 的 产品 或 服务 
的 销售 行为 ,都 属于 电子 商务 范畴 ,这 些 商 务 活动 可 以 有 B2B( 商 家 对 商家 )、B2C( 商 家 对 
客户 )、B2G( 商 家 对 政府 ) 等 多 种 形式 。 网 上 在 线 交 易 方 便 , 价 格 低廉 ,是 Internet 上 增长 
很 快 的 领域 。 

9) 电子 政务 (E-Government) 

电子 政务 是 一 个 广义 的 词汇 ,主要 用 于 网 上 办 公 、 网 上 审批 .信息 发 布 和 应 急 指 挥 等 。 
电子 政务 的 核心 价值 在 于 改进 办 事 方式 ,提高 工作 效率 和 推动 职能 转变 等 。 

随 着 Internet 的 发 展 , 它 提供 的 服务 还 在 不 断 增长 ,应 用 领域 也 在 不 断 扩大 。 


3. Internet 体系 结构 


因特网 是 由 分 布 在 世界 各 地 的 网 络 系统 通过 通信 介质 (光纤 、 电 缆 、 微 波 和 卫星 等 ) 及 
网 络 设 备 连接 起 来 的 彼此 可 以 交流 信息 、 规 模 巨 大 的 网 络 系统 。 图 1-1 给 出 了 Internet 


电子 商务 网 站 


具有 上 网 功能 的 手机 


PDA 掌上 电脑 


卫星 接收 系统 
怪 


个 人 电脑 


Internet 
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在 图 1-1 中 ,路 由 器 是 Internet 实现 互联 的 “标准 件 ”, 路 由 器 能 够 将 使 用 不 同 技术 的 
两 个 网 络 互联 起 来 , 它 的 主要 作用 是 将 网 络 互 联 并 且 执 行路 由 选择 。 可 以 说 Internet 是 
一 个 由 路 由 器 连接 起 来 的 网 联网 。 


1.2.3 OSI 参考 模型 


为 共享 计算 机 网 络 的 资源 ,在 网 上 交换 信息 ,需要 实现 不 同系 统 中 的 实体 间 的 通信 。 
实体 包括 应 用 程序 文件、 数据 库 、. 电 子 邮 件 、 服 务 器 及 终端 等 。 计 算 机 之 间 的 数据 通信 必 
须 遵 守 某 种 约定 和 规程 ,这 些 约 定 和 规程 就 是 网 络 通信 协议 。 协 议 的 三 个 要 素 如 下 。 

中 语法 (syntax) : 数据 和 控制 信息 的 结构 或 格式 , 即 对 信息 的 数据 结构 做 一 种 规定 。 
例如 ,用 户 数据 和 控制 信息 的 结构 和 格式 等 。 

@) 语义 Csemantics) : 对 协议 元 素 的 含义 进行 解释 ,不 同类 型 的 协议 元 素 规 定 的 语义 
是 不 同 的 。 例 如 ,需要 发 出 何 种 控制 信息 ,完成 何 种 动作 和 是 否 得 到 响应 等 。 

@ 时 序 (timing): 实体 通信 实现 顺序 的 详细 说 明 。 例 如 ,双方 进行 通信 时 ,发 送 点 发 
出 一 个 通信 报 文 , 如 果 目 标点 正确 收 到 , 则 回答 发 送 点 接收 正确 ; 若 收 到 错误 信息 , 则 要 求 

国际 标准 化 组 织 (ISO) 提 出 的 “开放 系统 互 连 模 型 ?是 计算 机 网 络 通信 的 框架 模型 。 
TCP/IP 是 Internet 使 用 的 通信 协议 。 

OSICOpen Systems Interconnection) 指 开放 系统 互 连 , 是 ISO( 国 际 标准 化 组 织 ) 制 定 
的 网 络 系统 框架 结构 ,是 一 切 网 络 互联 的 基础 模型 。OSI 参考 模型 采用 了 分 层 的 结构 化 
技术 。 层 次 的 划分 从 逻辑 上 将 功能 分 组 。 层 次 要 足够 多 ,以 使 每 一 层 小 到 易于 管理 :但 也 
不 能 太 多 ,使 汇集 各 层 的 处 理 开销 太 大 。OSI 采 用 了 7 层 体 系 结构 ,各 层 完 成 一 组 特定 的 
任务 ,每 层 直接 为 其 上 层 提供 服务 。OSI 参考 模型 层次 划分 遵循 的 原则 如 下 : 

。 网 络 中 各 结 点 具有 相同 的 层次 ,相同 的 层次 具有 相同 的 功能 。 

。 同一 结 点 内 相 邻 层 之 间 通 过 接口 通信 。 

。 每 一 层 使 用 下 层 提供 的 服务 ,并 向 其 上 层 提 供 服 务 。 

。 不同 结 点 的 同等 层 按 照 协 议 实 现 对 等 层 之 间 的 通信 。 

OSI 参考 模型 各 层 功能 简介 见 表 1-1。 

表 1-1 OSI 参考 模型 


层 号 | 层 的 名 称 | 层 的 英文 名 称 功能 简 述 
7 应 用 层 Application 网 络 应 用 进程 层 : 在 用 户 进程 之 间 交 互 用 户 信息 ,直接 为 
全 Layer 用 户 提 供 服 务 
表示 层 Presentation | 数据 表示 : 处 理 两 个 通信 系统 中 交换 信息 的 表示 方式 ,对 用 
加 Layer 户 数据 进行 格式 转换 、 数 据 加 密 与 解密 .数据 压缩 与 恢复 等 


主机 间 通 信 : 提供 两 进程 间 建 立 、 维 持 和 终止 会 话 连接 功 


5 会 话 层 Session Layer 能 ;支持 交互 会 话 管理 功能 
4 传输 层 Transport 端 对 端的 连接 : 提供 建立 、 维 护 和 拆除 传送 连接 的 功能 ; 提 


Layer 供 端 到 端的 错误 恢复 和 流量 控制 
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续 表 


层 号 | 层 的 名 称 | 层 的 英文 名 称 功能 简 述 
3 | 网 络 层 | Network 选择 最 优 路 由 : 控制 分 组 传送 系统 的 操作 .路 由 选择 .拥挤 
” ”” | Layer 控制 和 网 络 互联 
2。 | 数据 链 | Data 接 和 人 介质 : 提供 网 络 层 实体 间 数 据 发 送 和 接收 的 功能 和 过 
路 层 Link Layer “| 程 ;提供 数据 链 路 的 流量 控制 下 层 


二 进 制 传输 : 指定 传输 方式 的 要 求 ;提供 为 建立 、 维 护 和 拆 
除 物 理 链 路 所 需要 的 机 械 的 .电气 的 、 功 能 的 和 规程 的 特 
性 ;故障 检测 指示 


Physical 


Layer 


1 物理 层 


在 OSI 参考 模型 中 ,网 络 层 以 下 称 为 下 层 协 议 ( 也 称 通信 协议 ), 用 于 创造 两 个 网 络 
设备 间 的 通信 连接 ;传输 层 以 上 的 4 层 称 为 上 层 协议 (也 称 应 用 协议 ) ,主要 负责 两 个 网 络 
设备 间 的 互 操作 。 


1.2.4 TCP/IP 协议 


TCP/IP 是 英文 Transportation Control Protocol/Internet Protocol 的 缩写 ,意思 是 
传输 控制 协议 /网 际 协议 。TCP/IP 协议 是 实现 国际 互联 网 的 连接 性 和 互 操作 性 的 关键 
协议 , 它 就 像 胶水 一 样 把 Internet 上 成 千 上 万 的 网 络 互联 起 来 ,是 Internet 上 所 有 计算 机 
进行 信息 交换 和 传输 所 采用 的 协议 ,也 是 Web 服务 器 与 其 他 网 络 计算 机 互联 的 基本 通信 
协议 。Internet 的 应 用 层 为 用 户 提 供 了 各 种 服务 ,例如 要 访问 Web 网 站 ,可 输入 域名 , 然 
后 由 DNS 服务 将 域名 解析 成 IP 地 址 ;应 用 FTP 传输 文件 ;应 用 Telnet 协议 登录 到 远程 
计算 机 中 ;应 用 SMTP 协议 发 送 电 子 邮件 等 。 

TCP/IP 协议 拥有 一 套 完整 而 系统 的 协议 标准 , 它 实际 上 是 由 一 组 协议 构成 , 称 为 
TCP/IP 协议 族 , 其 中 最 主要 的 两 个 协议 是 TCP 协议 和 IP 协议。TCP/IP 协议 覆盖 了 
OSI 协议 的 全 部 内 容 , 因 此 也 有 人 称 其 为 TCP/IP 体系 结构 ,如 图 1-2 所 示 。TCP/IP 协 
议 对 标准 的 OSI 七 层 协议 进行 了 简化 , 它 没有 表示 层 和 会 话 层 ,这 两 层 的 功能 由 应 用 层 
提供 。TCP/IP 协议 一 般 分 为 4 层 , 其 功能 见 表 1-2。 

对 应 OSI 层次 


应 用 层 | SMTP | DNS | NSP | FTP | HTIP | Telnet |5~7 
传输 屋 TCP UDP NVP 4 
ICMP 
网 络 层 3 
TP ARP | RARP 
物理 链 路 层 | Ethernet |ARPANET PDN Others 2 


图 1-2 互联 网 协议 层次 结构 
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表 1-2 TCP/IP 各 层 的 主要 功能 


层 的 名 称 功能 简 述 
应 用 层 向 用 户 提 供 一 组 常用 的 应 用 程序 ,如 文件 传输 、 电 子 邮 件 等 
传输 层 (TCP) 提供 端 到 端的 数据 传输 服务 
网 络 层 (IP) 定义 数据 报 , 处 理 路 由 
物理 链 路 层 接收 网 络 层 数据 报 , 通 过 网 络 发 送 ;从 网 络 上 接收 数据 送 交 网 络 层 


TCP/IP 协议 的 主要 功能 如 下 。 
1. 应 用 层 


应 用 层 是 TCP/IP 协议 的 最 高 层 , 它 提供 一 些 常 用 应 用 程序 ,主要 服务 如 下 。 
Telnet: 虚拟 终端 协议 ,提供 远程 登录 功能 。 

FTP: 文件 传输 协议 ,用 来 控制 两 台 主 机 之 间 文 件 的 交换 。 

SMTP: 简单 电子 邮件 传输 协议 ,实现 互联 网 中 电子 邮件 收发 功能 。 

DNS: 域名 服务 协议 ,用 于 实现 网 络 设备 域名 到 IP 地 址 的 转换 功能 。 
HTTP: 超 文 本 传输 协议 ,在 客户 机 浏览 器 和 服务 器 之 间 传 输 Web 文档 。 


2. 传输 层 


传输 层 也 称 TCP 层 , 主 要 负责 应 用 进程 之 间 端 到 端的 通信 。 

TCP: 传输 控制 协议 。TCP 协议 把 数据 分 成 若干 个 数据 包 ,给 每 个 数据 包 写 上 序号 ， 
以 便 接收 端 将 数据 恢复 成 原来 的 格式 。 

UDP: 用 户 数据 报 协议 , 它 是 一 个 面向 无 连接 的 协议 。UDP 协议 不 采用 复杂 的 数据 
可 靠 性 保护 机 制 ,不 支持 数据 丢失 和 数据 报 重 传 处 理 。 如 果 需 要 可 靠 数 据 传输 时 ,不 能 使 
用 UDP 协议 ,而 应 采用 TCP 协议 。 

NVP: 网 络 语音 协议 。 


3. 网 络 层 


网 络 层 也 称 IP 层 , 负 责 互 联网 中 计算 机 之 间 的 通信 。 

IP: 网 际 协议 ,IP 协议 给 每 个 数据 包 写 上 发 送 主 机 和 接收 主机 地 址 ,负责 在 网 络 上 传 
输 由 TCP 或 UDP 装配 的 数据 包 。 它 的 主要 功能 是 : 管理 Internet 中 的 地 址 ;路 由 选择 ， 
在 源 方 和 目的 方 之 间 选 择 一 条 最 佳 路 径 ; 数 据 报 的 分 片 与 重组 。 

ICMP: 控制 报 文 协议 ,用 于 报告 差错 和 传输 控制 信息 。 

ARP: 地 址 转换 协议 ,负责 将 IP 地 址 转换 为 计算 机 物理 地 址 。 

RARP: 反 向 地 址 转换 协议 .将 计算 机 的 物理 地 址 转换 为 IP 地 址 。 


4. 物理 链 路 层 
物理 链 路 层 的 主要 功能 是 : 接收 网 络 层 的 IP 数据 报 , 通 过 网 络 向 外 发 送 :接受 处 理 
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从 网 络 上 传 来 的 物理 帧 ,抽出 IP 数据 包 , 向 网 络 层 发 送 。 它 是 主机 与 网 络 的 实际 连接 层 。 


1.3 IP 地址 、 域 名 和 URL 


Internet 对 网 络 资源 的 定位 是 由 一 长 串 数字 (IP 地 址 ) 来 实现 的 ,由 于 IP 地 址 不 易 记 
忆 , 人 们 使 用 域名 解析 系统 ,为 每 台 主 机 指定 易于 记忆 的 名 字 ( 主 机 名 /域名 ) 与 IP 地 址 对 
应 。 也 就 是 说 ,网 上 的 主机 既 可 以 使 用 IP 地 址 定位 也 可 以 使 用 主机 名 /域名 定位 。 


1.3.1 IP 地 址 


1.3.1.1 IP 地 址 的 作用 


Internet 地 址 又 称 IP 地 址 ,通过 它 可 以 唯一 确定 Internet 上 每 台 主 机 或 设备 。 
Internet 上 每 台 主 机 或 设备 都 有 一 个 唯一 的 地 址 以 确定 它 在 何 处 。 

在 TCP/IP 协议 中 分 配给 每 台 主 机 一 个 32 位 二 进 制 数 作为 该 主机 的 IP 地 址 ,在 
Internet 上 发 送 的 每 个 数据 包 都 包含 了 一 个 32 位 的 发 送 方 地 址 和 一 个 32 位 的 接收 方 
地 址 。 


1.3.1.2 IP 地 址 表示 法 


IPv4 地 址 采用 “点 分 十 进 制 " 表 示 法 。 它 由 一 个 4 个 字 节 32 位 的 二 进 制 数 组 成 ,对 
应 4 组 十 进 制 数 。 例 如 : 
二 进 制 表示 11001010 01100000 00111101 10101000 
4 组 十 进 制 数 IP 地 址 202 . 96 . 61 . 168 
IP 地 址 由 网 络 地 址 和 主机 地 址 两 部 分 组 成 。 网 络 地 址 标识 该 主机 所 在 的 网 络 , 主 机 
地 址 标识 该 主机 在 该 网 络 中 的 位 置 。 


网 络 地 址 Cnetid) 主机 地 址 Chostid) 


IP 地 址 的 层次 结构 具有 两 个 重要 特性 : 

。 为 每 台 主 机 分 配 了 一 个 唯一 的 地 址 。 

。 网 络 号 必须 全 球 统一 分 配 ,主机 号 由 本 地 分 配 ,不 需要 全 球 统一 分 配 。 

为 解决 IPv4 的 32 位 地 址 不 够 使 用 问题 和 分 配 不 均 问 题 , 人 们 又 开发 了 IPv6。IPv6 
地 址 是 128 位 二 进 制 数字 ,采用 冒号 分 割 的 十 六 进 制 数 表示 ,大 大 扩充 了 IPv4 的 地 址 空 
间 , 目 前 在 试 运 行 阶 段 。 

1.3.1.3 5 类 IP 地 址 


网 络 的 IP 地 址 有 5 类 (A、B、C、D、E)。 其 中 A、B、C 是 基本 网 络 地 址 格式 , A 类 地 
址 格式 用 于 大 型 规模 网 络 .B 类 地 址 用 于 中 型 规模 网 络 ,C 类 地 址 用 于 较 小 规模 网 络 ,D 
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类 和 下 类 地 址 是 一 些 特殊 类 型 的 IP 地 址 。IP 地 址 格式 见 表 1-3。 
表 1-3 1IP 地 址 格式 


SR 字 节 1 字 节 2 字 节 3 字 节 4 
类 别 位 |joljlilj|jsal4lslsl7ls 15 | 16 23 | 24 31 
A 类 0 网 络 地 址 (7 位 ) 主机 地 址 (24 位 ) 
B 类 国医 ,， 网 络 地 址 (14 位 ) 主机 地 址 (16 位 ) 
C 类 1|1|0 网 络 地 址 (21 位 ) 主机 地 址 (8 位 ) 
D 类 | | 组 播 地 址 (28 位 ) 
E 类 本 区 汪 攻 机 区: 保留 地 址 ( 供 实验 和 将 来 使 用 ) 


IP 地 址 范围 见 表 1-4。 
表 1-4 IP 地址 范围 


类 别 地 址 范围 最 大 网 络 数目 最 多 主机 数目 
A 1.0.0.0~126. 255.255.255 126 16 777 214 
B 128. 0. 0. 0 一 191. 255. 255. 255 16 384 65 534 
C 192. 0. 0. 0 一 223. 255. 255. 255 2 097 151 254 


1.3.1.4 几 个 特殊 意义 的 IP 地 址 
以 下 几 个 有 特殊 意义 的 IP 地 址 不 能 用 于 网 络 的 主机 地 址 。 
1. 广播 地 址 


主机 地 址 位 全 是 1. 表 示 网 上 所 有 的 主机 ,可 以 向 网 上 所 有 的 主机 发 送信 息 。 例 如 ， 
148. 08. 255. 255 表示 向 148. 08 网 上 的 所 有 主机 发 信息 。 


2. 本 地 网 络 地 址 


IP 地 址 中 主机 地 址 位 都 是 0, 表示 本 地 网 络 地 址 。 例 如 148. 08. 0. 0 表示 一 个 BB 类 网 
络 地 址 148. 08。 


3. 回放 地 址 


127. 0. 0. 1 称 为 回放 地 址 ,用 于 网 络 软件 测试 及 本 地 机 进程 间 通 信 的 地 址 。 应 用 程 
序 发 往 该 地 址 的 信息 被 交 回 给 应 用 程序 ,不 进行 任何 网 络 传送 。 


4. 内 部 保留 地 址 
保留 给 内 部 网 络 使 用 的 地 址 ,企业 建立 内 部 网 络 时 可 以 使 用 这 些 地 址 。 由 这 些 地 址 
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发 往 Internet 的 信息 必须 经 过 地 址 转换 成 标准 的 Internet 地 址 后 才能 在 Internet 上 传送 
这 些 地 址 ,它们 包括 : 10. *. x*. x* ,192.168. *. x*,172.16. *.x* (x 为 0~255 之 间 任 
一 数字 ) 。 

主机 标识 的 各 个 位 不 能 都 设置 为 1, 也 不 能 都 设置 为 0。A 类 地 址 0. x . x*.* 对 应 
默认 路 由 器 。 

1.3.1.5 子 网 掩 码 


把 A、B 或 C 类 网 进行 子 网 划分 ,可 以 充分 利用 IP 地 址 资源 ,为 更 多 的 主机 分 配 IP 
地 址 。 子 网 划分 把 网 络 地 址 的 两 级 结构 转换 成 三 级 结构 ,如 图 1-3 所 示 。 


两 级 网 络 结构 
网 络 地 址 主机 地 址 。 


三 级 子 网 结构 Ps 、\ 


网 络 地 址 子 网 地 址 主机 地 址 


图 1-3 三 级 子 网 结构 图 


子 网 掩 码 可 以 将 一 个 IP 地 址 分 解 为 对 应 的 网 络 地 址 . 子 网 地 址 及 主机 地 址 。 子 网 拖 
码 是 一 个 与 IP 地 址 等 长 的 二 进 制 数 ,经 过 与 IP 进行 “与 ”操作 后 得 出 网 络 地 址 、 子 网 地 址 
和 主机 地 址 。 例 如 ,已 知 IP 地 址 和 子 网 掩 码 及 其 对 应 的 十 进 制 数 如 下 : 

IP 地址 : 202. 204. 224.198 11001010 11001100 11100000 11000110 

子 网 掩 码 : 255. 255. 255. 192 11111111 11111111 11111111 11000000 

运算 结果 的 网 络 地 址 是 202. 204. 224 , 子 网 地 址 为 3 .主机 地 址 是 6。 


1.3.1.6 IP 地 址 的 使 用 与 企业 网 IP 地 址 规划 


1. 根据 IP 地 址 判断 其 网 络 类 别 、 网 络 地 址 和 主机 地 址 


已 知 主机 的 IP 地 址 为 206. 196. 0. 133, 子 网 掩 码 是 255. 255. 255. 0 ,请 确定 该 主机 所 
在 网 络 的 类 别 、 网 络 号 及 它 的 主机 号 。 判 断 步 又 如 下 。 

1) 把 4 组 十 进 制 数 转变 为 4 字 节 32 位 的 二 进 制 数 

4 组 十 进 制 数 : 206 . 196 . 人 eS 

32 位 二 进 制 数 : 11001110 11000100 00000000 10000101 

2) 确定 网 络 类 别 

对 照 表 1-3 ,第 1 字 节 是 11001110, 它 的 第 0、1、2 位 是 110, 所 以 该 主机 所 在 网 络 的 类 
别 是 C 类 。 

3) 确定 网 络 地 址 

C 类 网 的 前 3 个 字 节 是 它 的 网 络 地 址 : 206. 196. 0。 

4) 确定 主机 地 址 

C 类 网 的 主机 地 址 是 第 4 字 节 , 所 以 它 的 主机 地 址 是 133。 

结论 : 该 主机 是 C 类 网 206. 196. 0 中 的 133 号 主机 。 
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2. 根据 IP 地 址 和 子 网 掩 码 判 断 其 网 络 类 别 、 网 络 地 址 . 子 网 地 址 和 主机 


地 址 
假设 已 知 网 络 IP 地 址 和 子 网 掩 码 如 下 。 
IP 地 址 11000000. 01001111. 00101110. 01100001 一 198. 79. 46. 97 


子 网 掩 码 11111111.11111111.11111111. 11100000 一 255. 255. 255. 224 

试 确定 该 主机 所 在 网 络 的 类 别 、 网 络 号 、 子 网 号 及 它 的 主机 号 。 判 断 步 又 如 下 。 

(1) IP 地 址 的 前 三 位 是 110 ,说明 该 地 址 是 一 个 C 类 地 址 。 

(2) 前 三 个 字 节 标识 网 络 地 址 ,网 络 地 址 是 198. 79. 46 。 

(3) 后 一 个 字 节 标识 主机 ,对 照 子 网 掩 码 的 最 后 一 个 字 节 ,前 三 位 是 1 后 五 位 是 0, 所 
以 子 网 地 址 编号 占 三 位 ,主机 地 址 占 5 位。 根据 IP 地 址 最 后 一 字 节 的 前 3 位 是 011, 后 5 
位 是 00001, 所 以 辨认 出 子 网 编号 是 3 ,主机 编号 是 1。 

结论 : IP 地 址 198. 79. 46. 97 标识 的 是 C 类 网 络 198. 79. 46 的 3 号 子 网 的 1 号 主机 。 


3. 为 单位 规划 IP 地 址 


请 为 管理 学 院 规 划 IP 地 址 ,该 学 院 有 6 个 局 域 网 ,每 个 局 域 网 最 多 有 26 台 主 机 (或 
网 络 设备 ) 。 规 划 过 程 如 下 所 示 。 

1) 申请 IP 地 址 

管理 学 院 最 多 有 6 个 局 域 网 156 台 主 机 ,车 为 6 个 局 域 网 申请 6 个 C 类 IP 地址, 共 
有 6X254 二 1524 个 IP 地 址 ,实际 使 用 156 个 地 址 ,将 有 1368 个 IP 地 址 的 浪费 。 实 际 应 
用 中 ,可 以 使 用 子 网 的 方法 ,使 这 6 个 局 域 网 共用 一 个 C 类 网 的 地 址 。 把 这 6 个 子 网 当做 
一 个 整体 ,申请 一 个 C 类 IP 地址。 假设 管 理学 院 申 请 到 的 C 类 IP 地 址 是 202. 224. 46 。 

2) 确定 子 网 地 址 的 位 数 与 子 网 地 址 

子 网 地 址 用 于 标识 管理 学 院内 部 的 不 同 子 网 。C 类 网 的 主机 地 址 占 8 位 ,由 于 该 学 
院 有 6 个 局 域 网 , 子 网 地 址 应 占 3 位 形成 8 个 网 段 (000 一 111) ,其 余 5 位 是 子 网 中 的 主机 
地 址 ,每 个 子 网 可 以 有 30 个 主机 地 址 ,对 于 该 学 院 也 够 用 了 。 图 1-4 说 明了 管理 学 院子 
网 位 数 与 主机 地 址 位 数 的 分 配 。 


202 . 224 .| 46 
11001010 11100000 00101110 ## 本 可 
| | 

网 络 地 址 子 网 地 址 主机 地 址 


图 1-4 子 网 地 址 位 数 与 主机 地 址 位 数 的 分 配 


以 下 列 出 各 子 网 地 址 : 

1 号 子 网 地 址 ”11001010 11100000 00101110 00000000 一 202. 224. 46. 0 
2 号 子 网 地 址 ”11001010 11100000 00101110 00100000 二 202. 224. 46. 32 
3 号 子 网 地 址 ”11001010 11100000 00101110 01000000 二 202. 224. 46. 64 
4 号 子 网 地 址 ”11001010 11100000 00101110 01100000 一 202. 224. 46. 96 
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5 号 子 网 地 址 11001010 11100000 00101110 10000000 一 202. 224. 46. 128 
6 号 子 网 地 址 ”11001010 11100000 00101110 10100000 王 202. 224. 46. 160 
3) 主机 地 址 分 配方 案 

以 1 号 子 网 为 例 , 说 明 主 机 地 址 的 分 配 。 

1 号 主机 地 址 ”11001010 11100000 00101110 00000001 王 202. 224. 46. 1 

2 号 主机 地 址 ”11001010 11100000 00101110 00000010 二 202. 224. 46. 2 

3 号 主机 地 址 ” 11001010 11100000 00101110 00000011 一 202. 224. 46. 3 


26 号 主机 地 址 11001010 11100000 00101110 00011110 一 202. 224. 46. 26 
4) 子 网 掩 码 的 确定 

管理 学 院 的 子 网 掩 码 是 : 

二 生 冰 二 业主 二 本 ;生生 生生 二 业 业 二 ;六 业 二 二 下 00000 二 255.255; 255..224 


1.3.2 域名 


网 上 主机 的 IP 地 址 是 一 个 4 组 十 进 制 数 ,使 用 起 来 很 不 方便 ,人 们 又 为 网 上 的 主机 
指定 了 一 个 易于 记忆 的 域名 ,并 开发 了 一 个 域名 解析 系统 (Domain Name System， 
DNS) ,使 每 台 主 机 的 主机 名 /域名 与 它 的 IP 地 址 对 应 。 当 用 户 与 Internet 上 某 台 主机 交 
换 信息 时 ,只 需要 使 用 主机 名 /域名 ,网 络 会 自动 将 其 解析 成 IP 地 址 ,找到 这 台 主 机 。 

域名 的 结构 : 主机 名 . 三 级 域名 . 二 级 域名 . 顶级 域名 

域名 分 为 多 个 区 域 . 从 左 到 右 表 示 的 区 域 范围 越 来 越 大 。“ 一 级 域名 ”又 称 顶 级 域名 ， 
代表 国家 和 组 织 , 如 我 国 的 顶级 域名 是 cn”。“cn” 下 的 二 级 域名 分 为 类 别 域名 和 行政 区 
域名 两 类 。 类 别 域名 有 6 个 ,它们 是 ac( 科 研 机 构 ) .com( 商 业 组 织 ) 、edu( 教 育 机 构 )、gov 
(政府 部 门 ) .net( 互 联网 络 . 接 人 网 络 的 信息 中 心 和 和 运行 中 心 ) ,org( 各 种 非 盘 利 性 组 织 )， 
类 别 域名 还 在 增加 ,如 新 增加 的 TV 域名 等 。 行 政 区 域名 有 34 个 ,也 就 是 我 国 的 34 个 省 
市 。 三 级 域名 通常 是 组 织 机 构 名 ,一 般 以 各 单位 或 机 构 名 字 的 英文 简写 命名 。CERNET 
网 络 中 心 负责 二 级 域名 “edu” 下 三 级 域名 的 注册 申请 ,中 国 互联 网 信息 中 心 (CNNIC) 负 
责 其 余 39 个 二 级 域名 下 的 三 级 域名 申请 。“ 主 机 名 ”是 第 四 级 域名 ,用 有 意义 的 英文 名 称 
代表 网 络 上 的 主机 。 根 据 主 机 所 在 域 的 不 同 , 域 的 级 别 可 能 多 于 或 少 于 四 级 。 

例如 ,域名 www. people. com. cn, 其 中 ,cn 为 顶级 域名 ,表示 中 国 ;com 是 二 级 域名 ， 
表示 商业 组 织 ;people 是 三 级 域名 ,组 织 结构 名 ,表示 人 民 网 ;www 是 主机 名 ,表示 人 民 网 
的 www 主机。 又 如 ,域名 www. e-gov. org. cn 表示 中 国电 子 政务 网 。 

地 址 解析 从 下 至 上 逐 级 进行 , 当 某 一 联网 单位 内 的 主机 访问 互联 网 上 的 资源 时 , 先 由 
本 单位 的 DNS 解析 其 地 址 ,如 果 该 地 址 在 本 地 DNS 中 找 不 到 , 则 将 此 地 址 交 给 上 级 的 
DNS , 逐 级 上 推 , 直 到 互联 网 的 根 DNS, 如 果 还 不 能 找到 ,说 明 所 要 求 的 是 一 个 不 存在 的 
地 址 。 
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1.3.3 URL 


URL(Uniform Resource Locator) 称 为 统一 资源 定位 器 ,用 来 指明 网 络 资源 在 
Internet 上 的 位 置 , 它 的 功能 相当 于 通信 地 址 。URL 能 以 唯一 且 一 致 的 方式 定义 每 个 资 
源 在 Internet 上 的 位 置 。 


1. URL 格式 


URL 的 格式 为 : 

二 协议 二 : // 二 主机 名 :端口 号 二 一 文件 路 径 二 

(访问 协议 ) (资源 位 置 ) 

一 个 URL 的 例子 如 : http://www. bta. net. cn:80/software/home. html。 

1) 协议 

协议 表示 取得 资源 的 方法 或 通信 协议 的 种 类 。 例如 ,http。 最 常用 的 是 HTTP 协 
议 ,其 他 常见 的 有 news.file、Telnet、FTP、Gopher 等 。 


2) :// 
:// 是 URL 规范 要 求 的 标记 。 
3) 主机 名 


主机 名 是 要 访问 的 服务 器 的 全 名 (服务 器 全 名 包括 域名 和 主机 名 ), 也 可 以 是 服务 器 
的 IP 地 址 ,表明 服务 器 在 网 络 中 的 位 置 。 例 如 ,www. bta. net. cn。 

4) 端口 号 

对 某 些 资源 访问 ,需要 给 出 相应 服务 器 提供 的 端口 号 ,以 使 操作 系统 用 来 辨别 特定 信 
息 服务 的 软件 端口 。 例 如 ,HTTP 的 标准 端口 号 是 80。 一 般 情 况 下 服务 器 程序 采用 标准 
的 保留 端口 号 ,所 以 可 以 省 略 端口 号 。 

5) 文件 路 径 

文件 路 径 是 服务 器 上 保存 目标 文件 的 目录 , 它 指定 浏览 器 访问 的 最 终 目 标 。 例 如 ， 


software/home. html。 


2. URL 的 使 用 


例如 , Internet 上 某 一 资源 的 URL 是 http://www. bta. net. cn/software/home. 
html, 该 URL 告诉 浏览 器 要 访问 的 文件 类 型 是 HTML 文件 ,使 用 HTTP 协议 ,在 名 为 
www. bta. net. cn 的 服务 器 上 ,访问 /software/ 目 录 下 名 为 home. html 的 文件 。 如 下 是 
某 些 URL 的 例子 : 


telnet://odysseu. bbb. com:70 
http://www. buu. com. cn:8080 
ftp://ftp. w3. org/pub/www/doc 


3. 文件 定位 的 几 种 方式 
文件 定位 可 以 有 3 种 方式 : 域名 方式 \IP 地 址 方式 和 文件 目录 方式 。 可 以 在 浏览 器 
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的 地 址 栏目 里 使 用 这 3 种 方式 查询 信息 。 例 如 , 某 服 务 器 的 域名 是 www. bta. net. cn,IP 
地 址 是 202. 106. 196. 56 。 在 地 址 栏目 输入 www. bta. net. cn 和 202. 106. 196. 56 都 可 以 
看 到 该 服务 器 的 默认 主页 。 如 果 用 浏览 器 查看 本 机 的 文件 ,在 地 址 中 输入 文件 名 全 名 ,如 
C:/webshare/wwwroot/homepage. html, 就 可 以 看 到 homepage 主页 。 


1.4 Web 基础 知识 


1.4.1 Web 工作 机 制 


Web 的 结构 及 其 工作 机 制 见 图 1-5, 它 的 工作 过 程 如 下 : 
07) 浏览 器 


3 G) 应 用 程序 服 
为 用 户 显示 务 器 对 数据 库 
查 按 结 I 执行 查询 操作 数据库 
[=] (1) 用 户 请 求 (URL 地 址 ) 资源 地 址 二 
一 一 一 lnternet 全) 应 用 程序 (4) 查询 结果 返 
web 浏 览 器 (6) Web 服务 器 把 服务 器 将 回应 用 程序 服 
完成 页 面 发 送 给 数据 秦 入 页 面 务 器 
浏览 器 WED 服务 器 


图 1-5 Web 的 工作 过 程 


(1) 启动 客户 端 浏 览 器 ,在 浏览 器 中 确定 将 要 访问 页 面 的 URL 地 址 。 经 地 址 解析 ， 
找到 服务 器 IP 地 址 ,向 该 地 址 所 指向 的 Web 服务 器 发 出 请 求 。 

(2) Web 服务 器 根据 浏览 器 送 来 的 请 求 , 把 URL 地 址 转换 成 页 面 所 在 服务 器 上 的 
文件 全 名 ,找到 相应 的 文件 。 

(3) 如 果 URL 指向 HTML 文档 , Web 服务 器 使 用 HTTP 协议 把 该 文档 直接 送 给 
浏览 器 。 如 果 HTML 文档 中 嵌入 了 CGI、ASP/ASP. NET、PHP 或 JSP 程序 , 则 由 Web 
服务 器 运行 这 些 程序 ,把 结果 送 到 浏览 器 。 如 果 应 用 程序 包含 有 对 数据 库 的 操作 , 则 应 用 
程序 服务 器 将 查询 指令 发 送 给 数据 库 驱 动 程序 ,由 数据 库 驱 动 程序 对 数据 库 执 行 操作 。 

(4) 查询 结果 返回 给 数据 库 驱 动 程序 ,并 由 驱动 程序 返回 Web 服务 器 。 

(5) Web 服务 器 将 结果 数据 嵌入 页 面 。 

(6) Web 服务 器 将 完成 的 页 面 发 送 给 浏览 器 。 

(7) 浏览 器 解释 HTML 文档 ,在 客户 端 屏幕 上 显示 结果 。 


1.4.2 ”Web 站 点 体系 结构 


1.4.2.1 浏览 器 /应 用 服务 器 /数据 库 服 务 器 三 层 结构 


网 络 信息 服务 在 逻辑 上 采用 浏览 器 /服务 器 (Browser/Server:, 简 称 B/S 模型 ) 工 作 模 
式 ,一 般 用 户 的 计算 机 称 为 客户 机 ,用 于 提供 服务 的 机 器 称 为 服务 器 。 
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浏览 器 /服务 器 的 体系 结构 可 划分 为 二 层 结 构 和 三 层 结构 ,基于 Web 的 数据 库 应 
采用 三 层 浏览 器 /服务 器 结构 ,也 称 Browser/Server/Database Server 结构 ( 见 图 er 
第 一 层 浏 览 器 ,第 二 层 Web 服务 器 ,第 三 层 数据 库 服务 器 。 浏 览 器 是 输入 数据 和 显示 结 
果 的 用 户 界 面 ,在 浏览 器 表单 中 填 入 数据 , 单 击 提交 按钮 ,表单 中 的 数据 被 发 送 到 Web 服 
务 器 。Web 服务 器 端 应 用 程序 接受 并 处 理 用 户 数 据 , 并 从 数据 库 中 查询 用 户 数 据 或 把 用 
户 数 据 录 入 数据 库 。 最 后 ,Web 服务 器 把 返回 结果 插入 HTML 页 面 ,传送 到 客户 端 ,在 
浏览 器 中 向 用 户 显示 。 


三 层 结构 的 优点 在 于 : 
。 应 用 系统 处 理 逻 辑 与 数据 库 系统 分 开 , 数 据 库 内 容 更 新 不 影响 应 用 系统 处 理 
逻辑 。 


。 专门 的 应 用 服务 器 处 理 客户 请 求 , 并 与 数据 库 通信 ,提高 了 数据 库 的 访问 效率 。 
。 数据 处 理 和 数据 库 操作 任务 移 到 服务 器 执行 ,客户 机 上 只 要 能 够 运行 浏览 器 
即 可 。 


1.4.2.2 Web 站 点 的 集成 


Web 站 点 的 集成 示意 图 见 图 1-6。 虚 线 之 内 代表 一 个 企业 或 ISP 的 内 部 网 络 。 一 般 
来 说 企业 网 有 自己 的 服务 系统 , 它 的 企业 信息 管理 系统 企业 办 公 系 统 、 数 据 库 等 服务 是 
为 企业 内 部 服务 的 。 防 火 墙 将 内 部 网 与 因特网 隔离 ,保证 内 部 网 络 系统 的 安全 性 。 


四 目 图 wx wo 
1 T 了 g 


Email WWW 其 他 
服务 器 ”服务 器 服务 器 


2 


Internet 


1 企业 网 


核心 交换 机 


医 , 


图 1-6 Web 站 点 集成 示意 图 


虚线 之 外 部 分 是 该 企业 的 网 络 系统 提供 的 对 外 的 Mail、WWW、FTP、DNS 等 服务 
功能 ,这 些 服务 器 或 放 在 防火 墙 的 外 面 .或 放 在 防火 墙 的 非 军事 化 区 。 它 们 的 地 址 对 
外 部 用 户 是 可 见 的 ,保证 外 部 用 户 对 这 些 服 务 器 的 访问 。 整 个 企业 网 通过 路 由 器 与 因 
特 网 连接 。 
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企业 服务 器 一 般 包括 : WWW 服务 器 ,用 于 企业 信息 的 对 外 发 布 ;Mail 服务 器 ,用 于 
企业 的 电子 邮件 系统 与 外 部 的 连接 ;DNS 服务 器 为 企业 用 户 提 供 因 特 网 域名 解析 服务 ， 
使 用 户 通过 域名 访问 因特网 中 的 站 点 。FTP 服务 器 为 因特网 用 户 提 供 文件 或 软件 的 上 
传 与 下 载 。 


1.4.3 Web 应 用 开发 技术 概述 


1.4.3.1 Web 客户 端 开 发 技术 
1. HTML(HyperText Markup Language, 超 文本 标记 语言 


HTML 是 Web 技术 的 基础 , 它 是 一 种 文本 形式 的 标记 符号 语言 ,可 以 使 用 任何 文字 
处 理 软件 编辑 处 理 。 现 已 有 多 种 工具 可 以 完成 可 视 化 的 编程 任务 ,例如 ， 


Dreamweaver 等 。 


2. CSS(Cascading Style Sheet, 层 又 样式 表 ) 


CSS 应 用 对 页 面 结构 的 风格 进行 控制 的 思想 ,控制 整个 页 面 的 风格 。 在 HTML 基 
础 上 ,使 用 CSS 不 但 能 够 统一 、 高 效 地 组 织 页 面 上 的 元 素 , 还 可 以 使 页 面具 有 和 多样 的 
外 观 。 


3. 脚本 


脚本 包括 JavaScript 和 VBScript。JavaScript 是 Sun 和 Netscape 公司 开发 的 一 种 解 
释 性 脚本 语言 ,不 需要 编译 ,可 以 直接 插入 HTML 文档 中 。 它 比 Java 更 简单 有 效 , 且 具 
有 Java 的 许多 特性 。JavaScript 必须 租 入 到 HTML 文档 中 ,随同 页 面 下 载 到 客户 端 ,由 
浏览 器 解释 执行 。 使 用 JavaScript 很 容易 设计 与 用 户 交 互 的 界面 。 

VBScript 是 由 Microsoft 公司 推出 的 Web 页 面 编 程 语言 , 它 也 是 一 种 脚本 语言 ,并 
继承 了 很 多 VB 的 语言 特征 。 它 也 必须 做 入 到 HTML 文档 中 ,随同 页 面 下 载 到 客户 端 ， 
由 浏览 器 解释 执行 。VBScript 可 以 和 ActiveX 控件 集成 ,用 于 开发 交互 式 页 面 , 它 也 能 
够 进行 服务 器 端的 编程 。 


4. XML 技术 (eXtensible Markup Language, 可 扩展 的 源 标 记 语 言 

XML 是 可 以 定义 其 他 语言 的 语言 。 它 是 SGML 的 一 个 简化 子 集 ,专门 为 Web 环境 
而 设计 。 应 用 XML 制作 页 面 的 基本 思想 是 : 将 内 容 与 内 容 的 显示 方式 分 别 定义 ,以 使 内 
容 组 织 人 员 将 精力 集中 于 内 容 本 身 。 

1.4.3.2 Web 服务 器 端 开发 技术 


Web 服务 器 端 应 用 程序 的 主要 功能 是 生成 和 提供 动态 内 容 。 主 要 技术 有 CGI、 
ISAPI、JSP、ASP/ASP. NET、PHP 等 。CGI 和 ISAPI 是 使 用 较 早 的 成 熟 技 术 , 要 求 开 发 
人 员 具 有 和 较 强 的 编码 能 力 ,适合 专业 技术 人 员 使 用 。 目 前 流行 的 JSP.ASP/ASP. NET 
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和 PHP 技术 较为 容易 掌握 ,得 到 人 们 的 普遍 接受 。ASP. NET 是 Microsoft 公司 提供 的 
新 一 代 开 发 环境 , 它 提 供 了 面向 对 象 的 编程 环境 。 


1. CGI 技术 


CGICCommon Gateway Interface, 公 共 网 关 接 口 ) 是 Web 开发 应 用 中 使 用 最 早 的 一 
种 技术 。CGI 是 动态 Web 页 面 的 基础 ,也 是 Web 与 其 他 应 用 交互 的 基础 。CGI 是 扩展 
Web 服务 器 功能 的 一 种 接口 ,通过 它 可 以 与 访问 Web 页 面 的 用 户 进 行 交互 ,也 可 以 通过 
数据 库 编程 接口 与 数据 库 服 务 器 进行 通信 。 


2. JSP(Java Server Pages) 技 术 


JSP 是 Sun Microsystem 公司 在 1999 年 6 月 推出 的 一 种 动态 网 页 技术 。 在 HTML 
页 面 中 加 入 Java 程序 段 和 JSP 标记 就 构成 了 JSP 网 页 。JSP 是 基于 Java 的 ,用 于 网 上 应 
用 开发 。JSP 的 结构 与 ASP 很 相似 ,但 应 用 JSP 开发 的 Web 应 用 具有 路 平台 的 特性 ,可 
以 在 大 多 数 Web 服务 器 上 运行 。JSP 将 用 户 界面 与 底层 的 应 用 分 开 , 使 开发 人 员 在 不 改 
变 应 用 的 情况 下 改变 页 面 布局 。 由 于 JSP 的 种 种 优点 ,对 于 建立 商业 级 的 应 用 具有 独到 
的 优势 ,可 以 使 Web 开发 人 员 轻 松 、 高 效 地 创建 与 维护 动态 网 站 。 


3. ASP(Active Server Pages) 与 ASP. NET 技术 


ASP 技术 是 Microsoft 公司 在 1996 年 底 推出 的 一 种 运行 于 服务 器 端的 Web 应 用 程 
序 开发 技术 。 应 用 ASP 技术 ,不 需要 进行 复杂 的 编程 ,就 可 以 开发 出 动态 、 交 互 、 高 性 能 
的 Web 服务 应 用 程序 。ASP 不 是 一 种 开发 语言 ,也 不 是 一 种 开发 工具 , 它 是 一 种 技术 框 
架 。 它 的 主要 功能 是 : 为 生成 动态 、 交 互 并 且 高 效 的 Web 服务 器 应 用 程序 ,提供 一 种 功 
能 强大 的 技术 或 方法 。 

它 的 主要 特点 是 : 把 HTML/DHTML 脚本 和 数据 库 访问 功能 结合 在 一 起 ,组 成 在 
服务 器 端的 应 用 程序 。 

ASP. NET 建立 在 . NET Framework 类 的 基础 之 上 ,并 提供 了 由 控件 和 基础 部 分 组 
成 的 “Web 程序 模板 ”, 大 大 简化 了 Web 程序 和 XML Web 服务 的 开发 。 程 序 员 直接 面 
对 的 是 一 组 ASP. NET 控件 ,而 这 些 控 件 由 一 些 文本 框 、 下 拉 菜 单 等 通用 的 HTML 界面 
构件 封装 而 成 。 这些 控件 运行 于 Web 服务 器 上 ,并 简单 地 以 HTML 的 形式 将 界面 发 送 
到 浏览 器 。 相 比 于 现 有 的 ADO 数据 访问 模型 ,ASP. NET 使 用 的 是 ADO. NET 数据 访 
问 模 型 。 


4. PHP(Personal Home Page Tools) 技 术 


PHP 由 创始 人 Rasmus Lerdorf 在 1994 年 提出 ,1995 年 发 布 第 一 个 公开 版 本 。PHP 
是 自由 软件 ,自发 布 起 流行 非常 迅速 。 与 ASP 技术 类 似 ,PHP 是 服务 器 端的 Web 应 用 
程序 开发 技术 。 它 具有 多 平台 特性 .能够 无 缝 运行 在 UNIX、Linux 和 Windows 平台 上 。 
它 支 持 多 种 通用 Web 服务 器 (如 IIS、Apache 等 ) ,在 变换 平台 时 ,不 需要 改变 PHP 代码 。 
PHP 对 数据 库 的 操作 具有 很 强 的 兼容 性 ,几乎 支持 所 有 的 主流 和 非 主 流 数据 库 , 如: 
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Oracle、.Sybase .MySQL .mSQL .PostgreSQL .informix、Solid、Access 和 dBase 等 。 


1.5 Web 数据 库 


数据 库 技术 是 管理 信息 系统 的 核心 技术 和 基础 技术 ,也 是 Web 技术 的 一 个 重要 组 
成 。 数 据 库 是 存放 数据 的 仓库 ,数据 库 管 理 系统 是 一 个 系统 软件 , 它 的 主要 作用 是 科学 地 
组 织 和 存储 信息 ,高 效 地 获取 和 维护 信息 。 数 据 库 系统 是 指 在 计算 机 系统 中 引入 数据 库 
后 的 系统 ,一 般 由 数据 库 、 数 据 库 管理 系统 、 应 用 系统 、 数 据 库 管理 员 和 用 户 组 成 。 


1.5.1 什么 是 Web 数据 库 


通过 Web 应 用 程序 访问 的 数据 库 称 为 Web 数据 库 。 
Web 是 一 个 海量 的 环球 信息 网 ,为 科学 高 效 地 组 织 与 管理 信息 ,Web 站 点 中 的 资源 
大 多 存储 在 Web 站 点 的 数据 库 中 。 数 据 库 技 术 适 用 于 大 量 数据 的 存储 与 管理 , Web 具 
有 友好 的 用 户 图 形 界面 及 简便 的 信息 发 布 途径 。 所 以 Web 技术 与 数据 库 技 术 的 结合 ,将 
使 它们 的 优势 共同 提升 , 既 可 以 充分 利用 大 量 已 有 的 数据 库 信 息 资 源 ,又 可 以 使 用 浏览 器 
方便 地 应 用 数据 库 的 资源 。 
与 传统 的 数据 库 访 问 技术 相 比 ,Web 数据 库 访问 技术 的 特点 如 下 : 
。 客户 端 统一 的 界面 。 在 客户 端 使 用 浏览 器 ,使 用 者 只 需要 掌握 浏览 器 界面 的 应 用 
技术 即 可 ,大 大 降低 了 用 户 的 使 用 难度 。 
， 统 一 的 开发 标准 。HTML 是 Web 信息 的 组 织 方式 ,是 一 种 国际 标准 , Web 服务 
需 与 浏览 器 都 遵循 该 标准 。 基 于 数据 库 的 应 用 都 可 以 通过 浏览 器 来 实现 ,通过 
Web 来 访问 数据 库 。 开 发 者 需要 掌握 的 主要 技术 标准 是 HTML, 这 在 很 大 程度 
上 降低 了 开发 难度 ,同时 也 减少 了 开发 成 本 。 
。 跨 平台 运行 。 由 于 采用 了 统一 的 标准 ,使 用 HTML 标准 开发 的 数据 库 应 用 ,可 以 
跨 平台 运行 ,减少 了 开发 的 工作 量 。 


1.5.2 Web 数据库 工作 机 制 


通常 Web 数据 库 技术 应 用 三 层 或 多 层 的 体系 结构 ,前 端 采用 瘦 客 户 机 技术 ,通过 
Web 服务 器 和 中 间 件 访问 数据 库 , 其 体系 结构 见 图 1-7。 

中 间 件 是 Web 服务 器 与 数据 库 服务 器 之 间 的 桥梁 ,负责 它们 之 间 的 通信 并 提供 应 用 
程序 服务 。 中 间 件 可 以 直接 调用 脚本 或 外 部 程序 


来 访问 数据 库 , 并 将 访问 结果 转换 成 HTML 格 日 
Ei L 
式 , 通 过 Web 服务 器 返回 给 客户 端 浏览 器 。 电 并 和 一 1 中 间 件 


在 数据 库 访问 应 用 中 , 一 般 使 用 SQI 站 器 wo 服务 器 数据 库 
(Structured Query Language, 结 构 化 查询 语句 ) 实 图 1-7 Web 数据 库 工作 机 制 
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现 对 当前 主流 数据 库 的 操作 。 

常见 的 数据 库 开 发 技术 有 : CGI 技术 .服务 器 API 技术 .ASP/ASP. NET 技术 .PHP 
技术 和 JSP 技术 等 。ASP/ASP. NET、PHP 和 JSP 也 称 为 服务 器 端 脚本 编程 技术 ,具有 
运行 速度 快 、 数 据 库 操作 功能 强 的 特点 。 


1.5.3 常用 Web 数据 库 访 问 技术 


1. JSP 技术 


JSP 是 根植 于 Java 的 一 种 动态 网 页 制作 和 Web 数据 库 信 息 发 布 技术 。 通 过 在 
HTML 页 面 中 嵌入 Java 程序 段 和 JSP 标记 .实现 在 网 页 中 发 布 数据 库 信息 。 

JSP 的 主要 技术 特点 如 下 : 

。 具有 很 好 的 跨 平台 特性 ,一 次 编写 ,各 处 运行 。 

。 将 应 用 程序 与 界面 分 开 。 

。 绝 大 多 数 JSP 页 面 依赖 于 可 重用 、 跨 平台 的 组 件 (JavaBean 或 Enterprise 
JavaBeanTM 组 件 ) 执 行 应 用 程序 的 复杂 人 处理 。 开 发 人 员 能 够 共享 和 交换 组 件 ， 
加 速 了 总 体 开发 过 程 。 

。 数据 库 操作 功能 强大 。Java 应 用 JDBC(Java Database Connectivity) 连 接 数 据 库 ， 
通过 JDBC 驱动 程序 访问 数据 库 。Sun 公司 还 开发 了 JDBC-ODBC Bridge, 该 项 
技术 可 以 访问 带 有 ODBC 驱动 程序 的 数据 库 。 目 前 许多 数据 库 系统 带 有 JDBC 
和 ODBC 驱动 程序 。 

。 继续 保持 Java 的 优势 。 

JSP 访问 数据 库 的 机 制 见 图 1-8。 
JSP 一 
J Sabie L 
web 服务 器 数据 库 
图 1-8 JSP 访问 数据 库 的 机 制 


Request 


Internet 


Response 


JSP 的 工作 过 程 如 下 : 

(1) 在 浏览 器 地 址 栏 输入 要 请 求 * .jsp 页 面 的 URL ,发 出 一 个 JSP 请 求 。 

(2) Web 服务 器 接受 扩展 名 为 jsp 的 请 求 ,触发 JSP 引擎 。 

(3) JSP 引擎 检查 JSP 文件 是 新 的 还 是 修改 过 的 ,针对 不 同情 况 对 文件 进行 翻译 和 
编译 ,把 JSP 标记 、Java 代码 HTML 内 容 都 转换 为 Servlet 代码 ,扩展 名 为 java。 

(4) 将 产生 的 Servlet 代码 编译 执行 。 

(5) 将 结果 返回 浏览 器 。 

(6) 浏览 器 解释 执行 HTML 页 面 ,并 显示 结果 。 

因为 Servlet 是 编译 过 的 ,所 以 网 页 中 的 JSP 代码 不 需要 在 每 次 请 求 该 页 时 被 解释 一 
遍 。JSP 引擎 只 需 在 Servlet 代码 最 后 被 修改 后 编译 一 次 ,然后 这 个 编译 过 的 Servlet 就 
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可 以 被 执行 了 。 由 于 是 JSP 引擎 自动 生成 并 编译 Servlet, 不 用 程序 员 动 手 编译 代码 ,所 
以 JSP 具有 高 效 性 和 快速 开发 所 需 的 灵活 性 。 


2. ASP 技术 


ASP 是 开放 式 Web 服务 器 应 用 程序 开发 技术 , 它 是 一 种 技术 框架 ,是 一 种 服务 器 端 
的 脚本 运行 环境 。 

ASP 的 主要 功能 是 : 生成 动态 .交互 式 的 Web 服务 器 应 用 程序 。 它 能 够 把 脚本 、 
HTML、 组 件 和 Web 数据 库 访问 功能 结合 在 一 起 ,形成 一 个 在 服务 器 端 运 行 的 应 用 程 
序 , 并 把 结果 转换 成 标准 的 HTML 页 面 返回 客户 端 。ASP 通过 ADO(ActiveX Data 
Object) 访 问 数 据 库 。ASP 使 用 脚本 语言 进行 ASP 程序 的 开发 ,例如 VBScript 和 
JavaScript 等 ,在 微软 的 ASP 部 件 中 .内置 了 VBScript 和 JavaScript 的 解释 引擎 。 

ADO 是 微软 开发 的 一 套 属于 应 用 程序 级 的 通用 访问 数据 库 编 程 接口 , 它 提供 一 组 优 
化 的 访问 数据 库 专 用 对 象 集 ,是 面向 对 象 的 数据 库 连 接 新 技术 ,也 为 ASP 提供 了 完整 的 
站 点 数据 库 访 问 解决 方案 。ADO 可 连接 多 种 数据 库 管 理 系 统 , 如 SQL Server、Oracle、 
Informix 等 。ASP 与 ADO 结合 ,在 服务 器 端 脚本 中 ,提供 对 数据 库 的 操作 ,形成 含有 数 
据 库 信 息 的 主页 。 通 过 艇 入 SQL 语句 ,使 用 户 可 以 在 浏览 器 端 使 用 和 管理 数据 库 , 通 过 
浏览 器 页 面 输入 、 更 新 和 删除 服务 器 端的 数据 库 的 内 容 。 

在 ASP 中 内 置 了 数据 库 访问 组 件 ADODB, 它 是 属于 数据 库 应 用 的 COM 构件 ,可 以 
在 多 种 环境 下 应 用 ,ADO 通过 它 来 访问 各 种 类 型 的 数据 库 。 各 种 脚本 和 语言 可 以 调用 
ADO 组 件 访 问 数 据 库 ,并 利用 相应 的 数据 接口 显示 查询 结果 。ADO 使 用 内 置 的 
RecordSets 对 象 作 为 数据 的 主要 接口 ,返回 对 数据 库 的 查询 结果 。ADO 也 可 使 用 
VBScript、JavaScript 语言 来 控制 对 数据 库 的 访问 并 显示 查询 的 结果 。 


ASP 访问 数据 库 的 机 制 见 图 1-9。 
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es 国 
| HTML 页 面 


TIP 
Request 

TISPWS 服务 器 全 
图 1-9 ASP 访问 数据 库 的 机 人 制 


| 于 HTML 页 面 
浏览 器 Response 


ASP 的 工作 过 程 如 下 : 

(1) 在 浏览 器 地 址 栏 输入 要 请 求 *. asp 页 面 的 URL, 发 出 一 个 ASP 请 求 
(Request) 。 

(2) IIS 服务 器 接受 请 求 , 根 据 扩展 名 . asp 识别 出 ASP 文件 ,并 找 出 相应 的 ASP 
文件 。 

(3) IIS 服务 器 把 ASP 文件 发 送 到 ASP 引擎 (asp. dll 动态 连接 库 ) 。 

(4) ASP 引擎 将 ASP 文件 从 头 至 尾 解释 处 理 , 调 用 相应 的 脚本 引擎 。 若 脚本 指令 调 
用 了 ADO 组 件 , 由 ADO 调用 ODBC. 通 过 ODBC 与 后 台数 据 库 相 连 。 

(5) 数据 库 管 理 系 统 对 数据 库 进行 操作 ,并 将 请 求 的 数据 通过 数据 库 管理 系统 传 到 
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ASP 引擎 。 
(6) ASP 引擎 将 执行 结果 动态 生成 一 个 HTML 页 面 返回 IIS 服务 器 。 
(7) IIS 服务 器 将 HTML 页 面 (Response) 返 回 浏览 器 。 
(8) 浏览 器 解释 执行 HTML 页 面 ,并 显示 结果 。 


3. PHP 技术 


PHP 与 ASP 类 似 ,也 是 一 种 服务 器 端的 脚本 运行 环境 ,可 以 说 它 是 UNIX 系统 上 的 
ASP。 它 与 ASP 的 不 同 点 在 于 : PHP 可 以 跨 多 个 平台 ,在 改变 平台 时 ,不 需要 修改 PHP 
代码 ;PHP 支持 数 种 Web 服务 器 ,如 IIS、Apache 等 ;对 数据 库 的 操作 功能 强大 ,优良 的 
兼容 性 ,使 用 PHP 可 以 操作 当前 几乎 所 有 的 数据 库 , 如 SQL Server、MySQL Oracle、 
Solid 等 。 

PHP 能 够 把 浏览 器 .OS 平台 、Web 服务 器 和 Web 数据 库 技术 融合 在 一 起 ,形成 一 个 
完整 理想 的 整体 解决 方案 。PHP 混合 了 C、Java、Perl 以 及 PHP 式 的 新 语法 ,在 保证 最 
大 可 操作 性 的 前 提 下 ,提供 了 比 一 般 CGI 更 快 的 速度 。 

PHP 的 主要 技术 特点 如 下 : 

。 PHP 具有 和 良好 的 跨 平 台 特 性 ,支持 数 种 主流 Web 服务 器 。 

。 PHP 属于 开放 资源 软件 ,可 以 在 http://www. php. net 站 点 免费 下 载 。 

。 PHP 简单 易学 。 它 也 属于 脚本 语言 ,语法 相当 简单 ,不 需要 很 强 的 语言 基础 。 

。 数据 库 操 作 功 能 强大 。 它 通过 多 种 本 数 支 持 数 种 主流 和 非 主流 数据 库 。PHP 支 

持 ODBC 访问 数据 库 技术 。 

。 PHP 支持 面向 对 象 的 概念 ,与 C++ 和 Java 类 似 。 

。 使 用 PHP 技术 的 最 佳 组 合 是 : Linux、Apache 和 MySQL 。 

PHP 访问 数据 库 的 机 制 见 图 1-10。 

HTTP 
Request 


ee 


Internet 


J HTML 页 面 
web 服务器 
图 1-10 PHP 访问 数据 库 的 机 制 


HTML 页 面 
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PHP 的 工作 过 程 如 下 : 

(1) 在 浏览 器 地 址 栏 输入 要 访问 的 PHP 页 面 的 URL ,发 出 一 个 PHP 请 求 。 

(2) Web 服务 器 接受 该 请 求 ,根据 扩展 名 . php 识别 出 PHP 文件 ,并 找 出 相应 的 
了 HP 六 件 。 

(3) Web 服务 器 把 PHP 文件 发 送 到 PHP 引擎 。 

(4) PHP 引擎 将 PHP 文件 从 头 至 尾 进行 扫描 ,根据 命令 连接 后 台数 据 库 。 

(5) 数据 库 管 理 系统 对 数据 库 进行 操作 ,并 将 请 求 数据 通过 数据 库 管理 系统 上 传 到 
PHP 引擎 。 

(6) PHP 引擎 将 执行 结果 动态 生成 一 个 HTML 页 面 返回 Web 服务 器 。 
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(7) Web 服务 器 将 HTML 页 面 返回 浏览 器 。 
(8) 浏览 器 解释 执行 HTML 页 面 ,并 显示 结果 。 


习题 与 实 训 1 


一 、 习 题 

1. 简 述 名 词 : 计算 机 网 络 、 局 域 网 、 广 域 网、 城 域 网 和 因特网 。 局 域 网 .广域网 和 城 
域 网 英文 名 称 的 缩写 是 什么 ? 

2. Internet 提供 哪些 主要 服务 ? 
. 请 说 明 Web 的 三 要 素 是 哪些 ? 
.Internet 上 的 主机 指 什么 ? 
.Internet 中 最 重要 的 两 个 通信 协议 是 什么 ? 
WWW 的 英文 全 称 是 什么 ? 它 的 主要 功能 是 什么 ? 
ASP 与 ASP. NET 技术 有 什么 特点 ? 
. 网络 通信 协议 的 三 要 素 是 什么 ? 
. OSI 体系 结构 采用 了 哪些 层次 ? 各 层 的 功能 是 什么 ? 
. 试 比 较 TCP/IP 的 层次 结构 与 OSI 结构 。 

11. OSI 协议 中 上 层 指 哪些 层 ? 下 层 又 指 哪些 层 ? 

12. 简 述 IP 地 址 的 含义 。 

13. IP 地 址 采用 什么 表示 法 ? 

14. 可 以 为 两 台 主 机 分 配 同 一 个 IP 地 址 吗 ? 可 以 为 同一 个 网 络 的 两 台 主 机 分 配 同 
一 个 IP 地 址 吗 ? 可 以 为 两 个 不 同 网 络 的 两 台 主 机 分 配 相同 的 主机 地 址 吗 ? 

15. IP 地 址 分 为 哪 几 类 ? 它们 各 自 适 用 于 什么 情况 ? 

16. 为 什么 要 使 用 子 网 掩 码 ? 子 网 掩 码 的 作用 是 什么 ? 

17. Internet 上 主机 的 IP 地 址 和 域名 的 关系 是 什么 ? 

18. 以 下 几 个 IP 地 址 中 哪 几 个 是 合法 的 IP 地 址 ? 为 什么 ? 

1) 204. 1546. 21. 106 

2): 129. 232;87.0 

3) 175. 146. 87. 175 

4) 202. 96. 0. 97 

5) 204. 258. 0. 96 

19. 已 知 主机 的 IP 地 址 和 它 的 子 网 掩 码 . 试 确定 该 主机 所 在 网 络 的 类 型 .网 络 号 、 子 
网 号 和 主机 编号 。 

1) 主机 IP 地 址 : 200. 196. 0. 134 , 子 网 掩 码 : 255. 255. 255. 192。 

2) 主机 IP 地 址 : 160. 200. 21. 87, 子 网 掩 码 : 255. 255. 248. 0 。 

20. 有 一 个 企业 有 60 台 主 机 ,内 含 两 个 子 网 ,一 个 子 网 有 40 台 主 机 , 另 一 个 有 20 台 
主机 ,请 为 该 单位 分 配 IP 地 址 。 


‘oND 人 aw 


© 
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21. 域名 解析 系统 的 作用 是 什么 ? 
22. URL 的 组 成 是 什么 ? 写 出 其 标准 的 结构 形式 ,并 简 述 各 部 分 的 功能 。 
23. 请 解释 http://www. buu. edu. cn/wwwroot/default. html 的 含义 。 
24. 在 Browser/Server/Database Server 三 层 工作 模式 中 .Browser、Server、Database 
Server 分 别 起 什么 作用 ? 该 模式 有 哪些 优点 ? 
25. Web 的 体系 结构 是 什么 样 的 ? 请 简 述 它 的 工作 过 程 。 
26. 什么 是 Web 数据 库 访问 技术 ? 它 的 特点 是 什么 ? 
二 、 实 训 课 题 
. 请 根据 读者 所 在 单位 的 实际 情况 ,规划 出 所 用 主机 的 域名 。 
. 已 知 某 学 院 计 算 机 布局 如 图 1-11 所 示 ,请 为 该 学 院 设 计 网 络 系 统 并 规划 网 络 IP 


| 


Mo 一 


地 址 。 


管理 学 院 


机 房 多 媒体 教室 网 络 实 训 基地 
35 台 主机 40 台 主机 20 台 主机 


图 1-11 管理 学 院 计 算 机 布局 图 
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全 ”Web 应 用 环境 构建 技术 
第 己 


Web 应 用 环境 是 Web 应 用 开发 的 软 硬 件 平台 。 一 个 实际 Web 应 用 环境 往往 需要 较 
大 的 投资 ,作为 一 个 学 习 过 程 ,读者 可 以 根据 实际 情况 建立 投资 较 小 的 仿真 或 实验 环境 ， 
同样 可 以 完成 Web 的 开发 工作 。 如 果 只 有 一 台 计 算 机 ,可 以 用 一 台 机 器 虚拟 一 个 网 络 环 
境 ; 如 果 有 两 台 计算 机 ,可 以 用 一 台 做 服务 器 . 另 一 台 做 客户 机 ,模拟 一 个 网 络 环境 ;如 果 
已 有 机 房 , 再 配置 一 些 网 络 设备 .构成 一 个 Web 仿真 运行 环境 ,进行 开发 研究 工作 。 通 过 
本 章 学 习 ,读者 将 了 解 各 种 常用 的 Web 运行 环境 ,并 掌握 JSP 环境 构建 技术 ,为 Web 应 
用 开发 商定 基础 。 


2.1 Web 运行 环境 概述 


2.1.1 园区 内 Web 运行 环境 


在 园区 内 建设 一 个 Web 应 用 环境 ,同时 它 也 是 一 个 小 企业 网 络 环境 ,读者 可 以 在 该 
环境 完成 Web 站 点 的 安装 、 配 置 ,测试 与 应 用 开发 工作 。 图 2-1 是 一 个 小 企业 Web 应 用 
的 运行 环境 ,该 环境 具有 一 定 的 代表 性 ,花费 不 多 且 易 于 实现 ,如 果 需 要 可 以 设置 几 个 相 
同 的 组 , 供 实 验 用 。 
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图 2-1 示意 了 几 个 通过 园区 网 接 人 Internet 的 子 网 。 子 网 由 一 台 网 络 服务 器 主机 和 
若干 台 客 户 机 组 成 ,在 服务 器 上 安装 一 些 基 本 的 网 络 服务 器 软件 ,用 以 提供 必要 的 网 络 服 
务 ,并 实现 对 子 网 的 管理 。 客 户 机 上 可 以 安装 不 同 的 操作 系统 , 供 开发 使 用 。 不 同 的 子 网 
可 以 安装 不 同 的 操作 系统 和 基于 该 操作 系统 的 服务 器 软件 。 读 者 既 可 以 在 这 样 一 个 环境 
中 进行 Web 的 各 种 集成 开发 工作 ,也 可 以 正式 对 外 发 布 信息 。 


2.1.2 模拟 Web 运行 环境 


图 2-2 是 一 个 简单 的 模拟 Web 运行 环境 ,用 两 台 PC 机 联网 ,一 台 做 Web 服务 器 ,一 
台 做 客户 机 ,进行 实验 开发 工作 。 


2.1.3 虚拟 Web 运行 环境 


如 果 只 有 一 台 计 算 机 ,可 以 虚拟 一 个 Web 运行 环境 ,客户 端 和 服务 器 均 在 一 台 计 算 
机 上 ,完成 大 多 数 Web 的 应 用 开发 与 测试 工作 ,如 图 2-3 所 示 。 


JIS or Tomcat 
Windows Server 、 时 
SQL Server 客户 服务 器 数据 库 
IEIN kK Is/Tomeat 而 国 
服务 器 Windows 
图 2-2 模拟 Web 运行 环境 图 2-3 虚拟 Web 运行 环境 


2.1.4 常用 Web 运行 环境 介绍 


2.1.4.1 JSP 运行 环境 


JSP 运行 环境 下 ,可 用 的 Web 服务 器 软件 有 多 种 ,如 resin、gnujsp、Servletexec、 
Tomcat 和 Jrun 等 。 以 下 提供 了 3 种 常用 的 运行 环境 。 


1. 基于 Windows 2000/Windows XP 的 JSP 运行 环境 


。 服务 器 端 操作 系统 : Windows 2000/Windows XP 

。 Java 开发 工具 : JDK 

。 后 台 Web 服务 器 : Tomcat 

。 数据 库 : Access 2000/SQL 2000 个 人 版 

。 客户 端 操 作 系 统 : Windows 2000/Windows XP 

。 支持 软件 : IE 浏览 器 或 其 他 兼容 的 浏览 器 

。 编程 软件 和 开发 工具 : Dreamweaver、Flash、FrontPage、Eclipse 等 
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2. 基于 Windows 200X Server 的 JSP 运行 环境 


。 服务 器 端 操作 系统 : Windows 200X Server 

。 Java 开发 工具 : JDK 

。 后 台 Web 服务 器 : Tomcat 

。 数据 库 : SQL Server 企业 版 

。 客户 端 操作 系统 : Windows 

。 支持 软件 : I 浏览 器 或 其 他 兼容 的 浏览 

。 编程 软件 和 开发 工具 : Dreamweaver、Flash、FrontPage、Eclipse 等 


3. 基于 Linux 的 JSP 运行 环境 


。 服务 器 端 操 作 系 统 : Linux 

。 Java 开发 工具 : JDK 

。 后 台 Web 服务 器 : Tomcat 等 

。 数据 库 : SQL Server 企业 版 

。 客户 端 操 作 系 统 : Windows 

。 支持 软件 : IE 浏览 器 或 其 他 兼容 的 浏览 器 

。 编程 软件 : Dreamweaver、Flash、FrontPage 等 


2.1.4.2 ASP/ASP.NET 运行 环境 


在 Windows 平台 上 使 用 ASP/ASP. NET 技术 ,一 般 采 用 IIS (IIS Internet 
Information Server) 作 为 Web 服务 器 。IIS 是 一 个 集成 的 Web Server, 它 有 创建 ,管理 以 
及 查找 任何 格式 信息 的 一 整套 工具 。IIS 提供 管理 和 维护 Web 站 点 的 能 力 , 支 持 WWW 、 
FTP 和 gopher 服务 。Windows 上 ASP/ASP. NET 的 运行 环境 如 下 。 

。 服务 器 端 操 作 系 统 : Windows Professional/Server 

。 后 台 Web 服务 器 : IIS 

。 数据 库 : SQL Server 或 其 他 数据 库 

。 客户 端 操作 系统 : Windows 

。 支持 软件 : IE 浏览 器 或 其 他 兼容 的 浏览 器 

。 编程 软件 和 开发 工具 : Dreamweaver、Flash、FrontPage、Eclipse 等 

。 ASP. NET 环境 : Visual Studio. Net 


2.1.4.3 PHP 运行 环境 


PHP 具有 跨 平台 特性 ,可 以 与 多 种 数据 库 连接 ,一 般 来 讲 Linux 十 Apache 十 MySQL 
是 它 的 最 佳 组 合 。 可 以 选用 以 下 环境 。 

。 服务 器 端 操作 系统 : Linux 

。 后 台 Web 服务 器 : Apache 

。 数据 库 : MySQL 
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。 客户 端 操作 系统 : Windows 

。 支持 软件 : IE 浏览 器 或 其 他 兼容 的 浏览 器 

。 编程 软件 : Dreamweaver、Flash、FrontPage 等 

Linux 是 一 套 免 费 使 用 和 自由 传播 的 类 UNIX 操作 系统 ,Linux 以 它 的 高 效 性 和 灵 
活性 著称 。 它 能 够 在 PC 计算 机 上 体现 UNIX 特性 ,具有 多 任务 、 多 用 户 的 能 力 。Apache 
是 基于 UNIX 平台 的 , 它 功能 强大 ,安全 系数 高 ,而 且 十 分 稳定 。 


2.2 JSP 应 用 环境 的 建立 


JSP 运行 环境 可 以 有 多 种 选择 ,本 书 选 用 常用 、 易 安装 的 运行 环境 , Windows XP 操 
作 系 统 之 上 的 JDK、Tomcat 和 SQL 2000。 


2.2.1 JSP 安装 准备 工作 


安装 JSP 运行 环境 ,需要 准备 以 下 软件 : 

(1) Java 的 软件 开发 工具 包 (Java Development Kid, JDK)。 本 书 使 用 版 本 jdk 
1. 6.0, 读 者 可 以 从 Java 公司 网 站 http://java. sun. com 人 免费 下 载 到 jdk-6-windows- 
i586. exe 文件 。 

(2) 支持 JSP(Servlet) 的 Web 服务 器 。 目 前 存在 有 多 种 JSP Web 服务 器 软件 ,比较 
有 名 的 有 Apache 的 Tomcat、Caucho. com 的 resin、Allaire 的 Jrun、New Atlanta 的 
ServletExec、SUN 的 Java Web Server 和 IBM 的 WebSphere 等 。 本 书 选 Tomcat, 读 
者 可 以 从 http://tomcat. apache. org 站 点 下 载 , 文 件 名 为 apache-tomcat-5. 5. 26. zip 或 
apache-tomcat-5. 5. 26. exe。 

(3) 数据 库 管 理 系 统 SQL Server 2000(Personal) 。 

JSP 是 在 HTML 中 嵌入 Java 代码 的 脚本 。 由 JSP 引擎 先 将 其 转化 为 Servlet, 然 后 
再 调用 Javac 将 Servlet 编译 为 Class 文件 ,最 后 ,由 服务 器 解释 执行 Class 文件 。Servlet 
是 一 个 特殊 的 Java 类 , 它 一 般 从 HttpServlet 类 继承 而 来 .在 这 个 类 中 要 实现 doGet 或 者 
doPost 函数 ,由 这 两 个 函数 处 理 来 自 客户 的 请 求 , 并 将 结果 返回 。Servlet 和 JSP 是 Sun 
公司 J2EE 架构 中 重要 的 部 分 。 由 于 它 基 于 Java 语言 ,因此 可 以 方便 地 调用 功能 强大 的 
Java API( 如 JDBC)。 

JDK 是 通用 的 Java 环境 ,可 以 在 绝 大 多 数 计算 机 环境 中 运行 ,没有 特殊 的 软 硬 件 环 
境 要 求 。 安 装 前 应 退出 所 有 正在 运行 的 程序 ,然后 执行 安装 程序 。 


2.2.2 安装 配置 JDK 


1. 安装 JDK 
(1) 在 Windows XP 下 ,直接 双击 jdk-6-windows-i586. exe 文件 ,系统 自动 进入 安装 
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进程 。 
(2) 出 现 “ 许 可 证 ”对 话 框 ,选择 接受 协议 , 单 击 “ 下 一 步 " 按 钮 。 
(3) 出 现 “ 自 定义 安装 ”对 话 框 ,如 果 需 要 更 改 安装 路 径 , 单 击 “ 更 改 ” 按 钮 ,改变 安装 


路 径 , 本 书 将 JDK 安装 到 D 盘 , 采 用 路 径 为 D:\Java\jdk1. 6. 0\, 见 图 2-4, 单 击 “ 下 一 步 ” 


按钮 。 
电 Java(TM) SE Development Kit 6 - 自 定 义 ... (区 | 
自 定义 安装 月 
选择 要 安装 的 程序 功能 。 伟 Sun 
请 从 下 面 的 列表 中 选择 要 安装 的 可 迁 功 能 。 安 装 完成 后 ,您 可 以 使 用 "控制 面板 "中 的 添加 
其 除 程序 ' 实 用 程序 有 更 纹 你 选择 的 功能 
功能 说 明 
EE EE 
量 : bu 
图 2-4 自 定义 安装 对 话 框 
(4) 出 现 图 2-5 所 示 的 对 话 框 ,选择 需要 安装 的 程序 功能 。 本 书 需 要 更 改 安装 路 径 ， 


单 击 “ 更 改 ” 按 钮 ,改变 路 径 为 D:\Java\jdk1. 6.0\. 单 击 “ 下 一 步 ”按钮 。 
Eq 


六 Java(TM) SE Runtime Environment 6 


自 定义 安装 
选择 要 安装 的 程序 功能 。 使 nn 
将 安装 支持 欧洲 酒 言 的 Java(TM) 5E Runtime Environment。 请 从 下 面 的 列表 中 选择 要 安装 的 可 
功能 说 明 
ek co 支持 欧洲 | 语言 的 Java(TM) SE 
了 Runtime Environment。 此 功能 要 求 
>| Internet Explorer 默认 Java 硬盘 驱动 器 上 具有 684 MB。 


各 -| 其 它 字 体 和 媒体 支持 


安装 到 : 
DiavaWirel.6.0 二 


Instalshield — 一人 一 Ee 


图 2-5 更 改 安装 路 径 


(5) 出 现 “ 安 装 完成 ”对 话 框 , 单 击 “ 完 成 ”按钮 ,完成 安装 。 


2. 配置 系统 环境 变量 


JDK 安装 完成 后 应 配置 系统 的 环境 变量 ,配置 过 程 如 下 : 
(1) 在 桌面 上 用 鼠标 右 击 “ 我 的 电脑 ”。 
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(2) 在 下 拉 菜 单 中 选择 “属性 ”, 弹 出 “系统 属性 ”窗口 , 见 图 2-6。 在 窗口 中 选择 “高 
级 ”选项 卡 。 

(3) 单 击 “ 环 境 变 量 ” 按 钮 。 

(4) 出 现 “ 环 境 变 量 ” 对 话 框 ,如 图 2-7 所 示 。 在 “系统 变量 ”列表 框 中 选择 Path 参数 ， 
并 单 击 “ 编 辑 ” 按 钮 。 


祝 规 “计算 机 名 | 硬件 外 系统 还 原 | 自动 更 新 远程 | 
要 进行 大 多 数 改动 ， 您 必须 作为 管理 员 登 录 。 
性 能 
视觉 效果 ， 处 理 器 计划 ， 内 存 使 用 ， 以 及 虚拟 内 存 


Fanyuehua 的 用 户 变量 WW) 


INCLIDE 了 :vs net\SDRK\vI. 1\include\ 
用 户 配 置 文 件 E:\vs. net\SDK\v1. 1\Lib\ 


与 您 登录 有 关 的 桌面 设置 


启动 和 故障 恢复 
系统 启动 ， 系 统 失败 和 调试 信息 


值 | 力 | 
设置 GD) LIB E:\vs. net\SDKVv1 IALib\ 
OF 1 加 | 
os Wind: 


[环境 变量 QD ” ] [错误 报 省 ] 


rm 
CEDOICan [有 w ] C3 CL ww | 
图 2-6 “系统 属性 "窗口 图 2-7 选择 路 径 参 数 


(5) 出 现 “ 编 辑 系 统 变量 ”对 话 框 ,在 变量 值 中 加 入 Java 的 路 径 d:\Java\jdk1. 6. ON 
bin, 然 后 单 击 “ 确 定 ”" 按 钮 ,如 图 2-8 所 示 。 
(6) 新 建 环境 变量 JAVA_HOME。 在 图 2-7 


的 系统 变量 "选项 组 时 : 单 击 " 新 建 ”, 1 现 “ 新 建 系 | ER ATavavjakl.6.0vbia 
统 变 量 ” 对 话 框 , 用 类 似 方法 设置 环境 变量 JAVA_ 已 要 已 下 二 
HOME。 环境 变量 JAVA _HOME 的 变量 值 是 d:\ 

Java\jdk1. 6. 0。 图 2-8 加 入 Java 路 径 


配置 完成 后 ,要 重新 启动 计算 机 ,环境 变量 才能 生效 。 
3. 测试 安装 结果 
(1) 用 文本 编辑 器 编写 一 个 简单 的 Java 程序 


public class HelloWorld { 
public static void main(String args[]) 
{ 
System. out. println("Hello World! 7); } 
} 
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这 个 例子 就 是 著名 的 “Hello World!”, 它 的 功能 是 显示 “Hello World!”。 
注意 : 该 文件 名 必须 命名 为 HelloWorld. java, 并 区 分 大 小 写 。 

(2) 编译 源 文件 ,在 DOS 命令 提示 符 下 执行 (注意 区 分 大 小 写 ): 

Javac HelloWorld. java 


如 果 正 常 的 话 ,在 当前 目录 下 生成 HelloWorld. class 文件 。 
(3) 运行 ,在 DOS 命令 提示 符 下 执行 (注意 区 分 大 小 写 ) : 


java HelloWorld 


显示 “Hello World!”, 程 序 运行 成 功 ,说 明 已 经 成 功 配置 好 JDK。 


2.2.3 安装 服务 器 软件 Tomcat 


Tomcat 是 一 个 JSP 和 Servlet 的 运行 平台 ,是 Sun 公司 在 JSWDK(Java Server Web 
Development Kit) 基础 上 发 展 起 来 的 优秀 Server/JSP Web 服务 器 。 它 可 以 和 大 部 分 主 
流 Web 服务 器 (如 IIS、Apache 等 ) 一 起 工作 ,并 且 运行 稳定 可靠. 效 率 高 。 

Tomcat 服务 器 除了 能 够 运行 Servlet 和 JSP 外 ,还 提供 了 作为 Web 服务 器 的 一 些 特 
有 功能 ,如 Tomcat 管理 和 控制 台 、 安 全 域 管 理 本 有 关 Tomcat 的 信息 ,可 以 访问 
Tomcat 主页 : http://jakarta. oapache. org/tomcat/index. html, 


1. Tomcat 安装 

(1) 运行 apache-tomcat-5. 5. 26. exe 文件 ,出 现 “ 安 装 向 导 ” 对 话 框 ,在 对 话 框 中 单 击 
Next 按钮 。 出 现 协议 窗口 , 单 击 I Agree 按钮 ,接受 协议 。 

(2) 进入 选择 安装 方式 对 话 框 ,如 图 2-9 所 示 ,选择 Full 完全 安装 , 单 击 Next 按钮 。 


加 Apache Tomcat Setup 


Choose Components 
Choose which features of Apache Tomcat you want to install. 


rT 


Tome: 
Start Menu Items 


回 Documentation 
加 Examples 
‘Webapps 


Nullsoft Install Systenm v2.34 


图 2-9 选择 完全 安装 


(3) 出 现 选择 安装 目录 对 话 框 , 见 图 2-10, 本 书 选择 d:\Tomcat5. 5, 单 击 Next 按钮 。 
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加 Apache Tomcat Setup 


Choose Install Location 
Choose the folder in which to install Apache Tomcat. 


Setup wil install Apache Tomcat in the following folder. To install in a different folder cick 
Browse and select another folder, Cck Next to continue. 


Destination Folder 


[dromcatss 


Space required: 17.0MB 
Space avalable; 2.5GB 


Nullsoft Install System v2.34 — 


图 2-10 选择 安装 目录 


(4) 出 现 Tomcat 基本 配置 对 话 框 , 如 图 2-11 所 示 。Tomcat 默认 HTTP 的 连接 端 
口号 为 8080, 取 默认 值 ,用 户 名 为 Admin, 口 令 空 ( 也 可 以 设 密码 便于 管理 ), 单 击 Next 
按钮 。 


加 Apache Tomcat Setup: Configurati... |- 


Configuration 
Tomcat basic configuration, 


HTTP/1.1 Connector Port 


Administrator Logn 


图 2-11 设置 端口 号 和 管理 员 信 息 配 置 


(5) 出 现 选择 Java 虚拟 机 路 径 对 话 框 ,如 图 2-12 所 示 , 单 击 浏览 按钮 ,找到 JDK 安 
装 路 径 D:\Java\jdk1. 6. 0\, 单 击 Install 按钮 ,系统 将 自动 进行 安装 ,直至 结束 。 


2. 测试 Tomcat 


安装 完成 后 ,在 浏览 器 地 址 栏 输入 http://localhost: 8080 或 http://127. 0. 0. 1: 
8080 ,可 以 看 到 Tomcat 的 默认 主页 ,如 图 2-13 所 示 ,表示 安装 成 功 。 

注意 : Tomcat 默认 的 Web 的 连接 端口 号 为 8080。 使 用 浏览 器 浏览 Tomcat 主页 时 
应 说 明 此 端口 号 。 如 果 通 过 本 机 浏览 ,可 在 URL 域 键 入 : http://localhost: 8080 或 
http://127.0.0.1:8080, 如 图 2-13 所 示 。 
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加 Apache Tomcat Setup: Java Virtua. 


Java Virtual Machine 
Java Virtual Machine path selection. 


Please select the path of a J25E 5.0 JRE installed on your system: 


D:\avatjre1.6.0| 


Nullsoft Install System v2,3: 


图 2-12 Java 虚拟 机 目录 


文件 GE)。 绩 三 人 E)。 坦 音 GO) 吕 桨 (4) 工具 1D 帮助 (ID 
地 址 (0@] -| 科 wttp;//127. 0.0.1:6090 < 


“me Pe Software Foundation 
http://www.apache.org/ 


Administration fyou're seeing this page viaa web browser, it means you've setup Tomcat successfully, 


Congratulations! 


Apache Tomecatl5.5.26 


essed by now, mls Is the 


tTomcet home page hcan be found on the local 


sppa/RooT/ index. jap tT 


ls the root of nes Tomeat Instalaton dractory. tf you're seelng mis page and 
ar su56r who has arivad a rew Instaliatior of Torr cal, or 


Providing the latter is the cass aleas6 refer to 

the sbaton Informaton than is found in he 
INSTALL fe 

Nore: ™s rsoe 's peeomptod you change ge will not change since It was cornplled into a 
seniet at bulld me (Soe cAraL LL sn/ vebapyor KoUL/ Weg- Lt/ web xml as to how It was mapped) 

Heme Page 

EAD NOTE: For security reasons, using the administration webapp is restricted to users with role 

Bus Darabase ， webapp ls restricted to users with role "manager' Lisers are defined in 

Open Eugs Een) 

Usars Malling List 

Mn en Nost a sample 5 cu'ce cods), extensive 


erviers end JSPs twth assoclated 
PI 


nd an introductory guide to developing 
Eamplkes Tomecar mailing lists are oveilable at the Tomcet prolsct meb site, 


[IE 


图 2-13 ” Tomcat 默认 主页 


3. Tomcat 的 目录 结构 


安装 完成 后 ,目录 结构 如 图 2-14 所 示 , 根 目录 为 Tomcat 
本 书 今后 使 用 的 Tomcat 服务 器 ,安装 在 DD 盘 Tomcat 
5.5 目录 下 。 


可 以 用 两 种 方法 启动 与 停止 Tomcat 服务 器 。 图 2-14 Tomeat 5. 
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田 回 server 
田 shared 

Tomcat 的 目录 结构 参见 表 2-1。 国 辐 src 
BB tenp 


由 BB webapps 


4. Tomcat 的 启动 和 停止 


Web 技 术 应 用 基础 (第 2 版 ) 


5 目录 结构 


表 2-1 Tomeat 的 目录 结构 


目 录 述 
/bin 存放 启动 和 停止 Tomcat 服务 器 的 脚本 文件 
/conf Tomcat 的 配置 文件 ,其 中 重要 的 配置 文件 是 server. xml 
/server 包含 classes.lib 和 webapps 子 目 录 
/server/lib 存放 Tomcat 服务 器 需要 的 JAR 文件 
/server/webapps 存放 Tomcat 自 带 的 两 个 Web 应 用 : admin 和 manager 
/common/lib 存放 Tomcat 服务 器 及 所 有 Web 应 用 都 可 以 访问 JAR 的 文件 
/shared/lib 存放 所 有 Web 应 用 都 可 以 访问 JAR 的 文件 
/webapps 默认 发 布 目录 ,Web 应 用 程序 存放 的 地 点 
/logs 存放 Tomcat 的 日 志文 件 
/work 存放 由 JSP 生成 的 Servlet 


(1) 安装 完成 或 系统 重新 启动 后 ,屏幕 的 右 下 角 任 务 栏 


图 2-15(a)。 如 果 没 有 该 图 标 ,通过 Windows 的 “ 开 
始 一 所 有 程序 一 Apache Tomcat5. 5 一 Monitor Tom- 


-出 现 Tomcat 作业 图 标 , 见 


Configure... 


Stop service 


cat”, 使 Tomcat 作业 图 标 出 现 。Tomcat 启动 后 , 作 和 
业 图 标 上 出 现 绿色 箭头 ,停止 后 出 现 红色 方块 。 鼠 ee 

标 右 键 单 击 该 图 标 ,出 现 菜单 ( 见 图 2-15(b)), 在 (a) (b) 
Tomcat 启动 状态 下 , 选择 Stop service, 停 止 图 2-15 ”Tomcat 的 启动 与 停止 


Tomcat 服务 器 。 在 Tomcat 停止 状态 下 ,选择 
Start service ,启动 Tomcat 服务 器 。 


(2) 运行 bin 目录 下 的 tomcat5. exe. 启 动 Tomcat。 出 现 DOS 窗口 ,显示 批 处 理 文件 
执行 过 程 和 Tomcat 启动 时 间 , 见 图 2-16。 关 闭 Tomcat 的 DOS 窗口 , 则 停止 Tomcat 服 


务 器 。 


Jk running ID=B time 
14 


图 2-16 启动 Tomcat 


注意 : 运行 bin 目录 下 的 tomcat5. exe, 启 动 Tomcat, 将 占用 一 个 DOS 窗口 。 使 用 作 
业 图 标 启动 /停止 Tomcat 服务 器 ,可 以 不 占用 DOS 窗口 。 
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5. 创建 虚拟 目录 


Tomcat 安装 完成 后 ,在 Tomcat 目录 下 已 经 生成 了 webapps 发 布 目录 。 在 webapps 
下 的 任何 一 个 子 目录 ,都 是 一 个 Web 服务 目录 。 

为 使 用 方便 ,可 以 创建 虚拟 发 布 目录 。 虚 拟 目录 是 除了 主 发 布 目录 以 外 的 其 他 发 布 
目录 。 虚 拟 目录 在 物理 上 可 以 不 被 包含 在 主 目录 中 ,但 是 逻辑 上 就 像 在 主 目录 中 一 样 。 
创建 方法 如 下 : 在 Tomcat 的 conf 目录 中 ,找到 server. xml 文件 ,在 文件 的 最 后 找到 
< 一 /Host 一 标记 ,在 二 /Host 一 前 添加 以 下 语句 : 


一 Context path 一 "/BookShop”docBase 一 ”d:\ex_D02”debug 王 "0” reloadble="true’/> 


设置 完成 后 ,重新 启动 Tomcat ,虚拟 路 径 起 作用 。 该 语句 将 D 盘 上 的 ex_D02 目录 
设 为 虚拟 发 布 路 径 , 它 的 别名 为 BookShop。 在 浏览 器 的 地 址 栏目 输入 http://127. 0. 0. 1 
8080/BookShop/ex2-01.jsp, 即 可 发 布 d:\ ex_D02\ex2-01. jsp 文件 。 

(1) path 的 值 : 虚拟 目录 的 别名 ,在 浏览 器 地 址 栏目 中 输入 的 路 径 。 

(2) docBase 的 值 : 是 应 用 程序 的 实际 路 径 , 在 硬盘 上 的 存放 位 置 , 即 绝对 路 径 。 


2.2.4 第 一 个 JSP 应 用 


(1) 在 记事 本 中 输入 以 下 代码 ,并 存放 在 Tomcat 的 webapps\ex_D02 目录 下 ,文件 
名 为 : ex2-01.jsp。 


TH%@ page contentType= "text/html; charset=GB2312”"%> 


一 html 二 
一 head 盖 一 title 二 JSP 测试 页 面 二 /title 之 二 /head 一 = 
body>=center><font size=5 color=red> 当 JSP 测 试 页 面 ~- Micro... [- 品 人 区 | 


i ; 文件 E) 编辑 (E) 查看 (WW) 收藏 4) I” 亡 | 
二 % = 二 ”JSP 测试 页 面 "% 二 > nd 
% 二 "JSP 测试 页 %></font ;地址 (D) ~| 竹 :8080/ex_D02/ex2-01. jsp 国 | 园 转 到 


=/center><=/body>=/html> 


(2) 在 浏览 器 地 址 栏目 输入 http://127.0.0.1: 


8080/ex_D02/ex2-01. jsp, 代 码 运行 结果 如 图 2-17 
所 示 。 图 2-17 JSP 测试 结果 


JSP 测 试 页 面 


2.3 SQL Server 数据 库 系 统 的 安装 与 测试 


数据 库 系 统 是 开发 动态 Web 页 面 不 可 缺少 的 系统 支持 环境 。 数据 库 系统 在 Web 站 
点 中 的 位 置 如 图 2-18 所 示 。 

SQL Server 2000 数据 库 系 统 是 微软 公司 开发 的 数据 库 系统 ,SQL Server 2000 可 以 
兼顾 小 .中 、 大 规模 的 应 用 的 需求 ,是 一 个 与 Windows 操作 系统 结合 的 很 好 的 数据 库 
系统 。 
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服务 器 


客户 端 
1E/IN 
Windows 


数据 库 


Tomcat 
SQL Server 
Windows XP 


图 2-18 数据 库 系 统 


2.3.1 SQL Server 安装 准备 工作 


(1) 使 用 具有 本 地 管理 权限 的 用 户 账 户 (Administrator) 登 录 到 操作 系统 。 
(2) 关闭 所 有 和 SQL Server 相关 的 服务 。 包 括 所 有 使 用 ODBC 的 服务 , 如 


Microsoft Internet Information 服务 (IIS) 。 
2.3.2 安装 SQL 
(1) 插入 SQL Server 2000 Personal Edition 光盘 ,自动 进入 安装 界面 。 


(2) 单 击 “安装 SQL Server 2000 组 件 ”, 开 始 安 装 。 系 统 要 求 输入 安装 SQL 数据 库 
的 计算 机 的 名 称 , 如 图 2-19 所 示 。 


计算 机 名 [x] 


输入 要 在 其 上 包 峙 新 的 SQL Server 实例 或 修改 现 有 
SQL Server 实例 的 计算 机 的 名 称 。 


目 


而 me 


图 2-19 输入 计算 机 名 称 窗口 


(3) 选择 “本 地 计算 机 ”, 并 单 击 “ 下 一 步 ”, 弹 出 “安装 选择 ”窗口 ,如 图 2-20 所 示 , 继 


(4) 在 “安装 选择 ”窗口 中 选择 “创建 新 的 SQL Server 实例 ,或 安装 “客户 端 工具 '” 单 
选 钮 。 初 次 安装 时 应 选择 这 一 安装 模式 ,不 需要 使 用 “高 级 选项 ”进行 安装 。“ 高 级 选项 ” 
中 的 内 容 均 可 在 安装 完成 后 进行 调整 。 选 择 完成 后 单 击 “ 下 一 步 ”, 弹 出 “用 户 信息 ”窗口 ， 
如 图 2-21 所 示 。 

(5) 在 “用 户 信息 ?窗口 , 单 击 “ 下 一 步 ” 按 钮 继续 安装 ,进入 “安装 定义 ”窗口 ,如 图 2-22 
所 示 。 
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从 下 列 安 装 选项 中 选择 一 个 . 


列 建 半 的 50L 5ever 实 例 , 或 安 甘 族 户 沪 工 真 -Ci 


个 高 级 选项 季 ) 


外 建新 安装 
语 园 项 使 您 得 以 在 任何 受 支 持 的 操作 系统 上 创建 新 
的 SQL Server 2000 实 例 或 安装 客户 端 工具 


而 wm | 


图 2-20 “安装 选择 ”窗口 


在 下 面 输 入 您 的 名 字 。 没 有 必要 输入 公司 名 称 。 


站: JW 
2 pe 


< 上 一 步 @) 取消 


图 2-21 “用 户 信息 ”窗口 


可 从 下 列 安装 类 型 中 选择 一 个 。 
个 羽 客 户 端 工具 世 ) 
大 

个 妈 连 接 四 ) 


| 该 选项 使 您 得 以 安装 职务 器 和 客户 庙 工 具 。 如 果 您 
想 建 立 具 有 管理 功能 的 服务 器 ， 请 使 用 该 选项 - 


图 2-22 “安装 定义 ”窗口 


(6) 选择 “服务 器 和 客户 端 工 具 ” 选 项 进行 安装 。 需 要 将 服务 器 和 客户 端 同 时 安装 ， 
这 样 在 同一 台 机 器 上 ,可 以 完成 相关 的 所 有 操作 ,对 于 学 习 SQL Server 很 有 用 处 。 如 果 
已 经 在 其 他 机 器 上 安装 了 SQL Server, 则 可 以 只 安装 客户 端 工具 .用 于 对 其 他 机 器 上 
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SQL Server 的 存 取 。 单 击 “ 下 一 步 ” 按 钮 ,进入 “实例 名 ”窗口 ,如 图 2-23 所 示 。 


实例 名 [x] 


5 KAD] 
车 要 进行 默认 安装 ,请 壬 中 伍 认 -并 单 击 下 一 步 ”…。 


车 要 在 该 计算 机 上 安装 或 维护 SQL Server 的 命 
2 请 清除 款 认 复 选 框 并 唐 入 或 选择 实例 


新 和 名称 必须 不 超过 16 个 字符 ,并且 应 以 字母 或 
A 有 关 更 多 信息 ,请 单 击 ” 


过 阿 罗 这 


Ww | 《上 - 步 四 [四 让 Dh | 
图 2-23 “实例 名 ”窗口 


(7) 在 “实例 名 ”窗口 选择 “默认 ”选项 。 单 击 “ 下 一 步 " 按 钮 ,进入 “安装 类 型 ”窗口 ， 
如 图 2-24 所 示 。 


6 淆 型 全 | 安装 最 常用 的 选项 。 建 议 一 舰 用户 采 用 此 种 安装 。 


个 量 小 如 只 安装 必需 的 选项 . 
人 自 定义 C)】 您 可 以 过 择 要 安装 的 选项 ,建议 高 要 用 户 采 用 此 种 安装 ， 


程序 文件 浏览 Ci\,.. \Microsoft SQL Server 
数据 文件 浏览 外) C2\,.. \Microsoft SQL Server 
需要 : 


38073 K 
189168 KX 2222644 
36544 K 


帮助 | 《上 一 步 @) [下 = 步 中 ?取消 | 


图 2-24 “安装 类 型 "窗口 


(8) 在 “安装 类 型 ” 窗口 选择 “典型 ”安装 选项 ,并 指定 “目的 文件 夹 "。 程 序 和 数据 
文件 的 默认 安装 位 置 都 是 C:\Program Files\Microsoft SQL Server\。 如 果 将 C 盘 作 为 
系统 区 、D 盘 作 为 应 用 区 使 用 ,也 可 以 选择 D 盘 。 注 意 , 如 果 数 据 库 数据 有 10 万 条 以 上 
的 话 ,请 预 留 至 少 1GB 的 存储 空间 ,以 应 付 需 求 庞大 的 日 志 空 间 和 索引 空间 。 单 击 “ 下 一 
步 ”, 进 入 “服务 账户 ”窗口 ,如 图 2-25 所 示 。 

(9) 在 “服务 账户 ” pa “对 每 个 服务 使 用 同一 账户 。 自 动 启动 SQL Server 服 
务 ” 选 项 。 在 “服务 设置 ”处 ,选择 “使 用 本 地 系统 账户 ”, SQL Server 2000 将 使 用 
Windows 2000 的 用 户 管理 体系 。 如 果 需 要 “ 人 的 话 ,请 将 该 用 户 添 加 至 
Windows Server 的 本 机 管理 员 组 中 。 单 击 “ 下 一 步 ” 按 钮 ,进入 “身份 验证 模式 ”窗口 ,如 
图 2-26 所 示 。 

(10) 在 “身份 验证 模式 ”窗口 ,选择 “混合 模式 ”选项 ,并 设置 管理 员 sa 账号 的 密码 ， 
sa 账号 是 SQL 数据 库 的 数据 库 管 理 员 的 账号 :如 果 输 入 了 密码 ,请 牢记 密码 。 如 果 只 是 
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身份 验证 模式 


2-26 “身份 验证 模式 ”窗口 


为 了 学 习 的 话 , 可 以 将 该 密码 设置 为 空 ,以 方便 登录 。 如 果 是 真正 的 应 用 系统 , 则 千 万 需 
要 设置 和 保管 好 该 密码 ! 如 果 需 要 更 高 的 安全 性 , 则 可 以 选择 “Windows 身份 验证 模 
式 ”, 这 时 就 只 有 Windows Server 的 本 地 用 户 和 域 用 户 才 能 使 用 SQL Server 了 。 

(11) 输入 以 上 信息 后 ,系统 已 经 得 到 了 全 部 用 户 安装 要 求 。 系 统 将 自动 完成 安装 工 
作 , 直 至 “安装 完毕 ”窗口 出 现 , 如 图 2-27 所 示 , 单 击 “ 完 成 ”按钮 结束 安装 。 


2-27 ”安装 完毕 窗口 
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2.3.3 SQL Server 的 操作 


1. SQL Server 2000 的 启动 和 停止 


在 默认 安装 的 情况 下 ,SQL Server 2000 数据 库 将 在 Windows 启动 时 自动 启动 。 在 
Windows 桌面 的 任务 栏 中 显示 SQL 运行 的 图 标 , 见 图 2-28(a)。 双 击 此 图 标 打 开 SQL 
Server 服务 管理 窗口 , 见 图 2-28(b)。 通 过 服务 管理 窗口 ,可 以 很 方便 地 启动 /停止 、 暂 
停 /继续 SQL 数据 库 系 统 的 运行 :也 可 以 定义 SQL 数据 库 是 否 在 操作 系统 启动 时 同时 启 
动 。 如 图 2-28 所 示 。 


3 
| 
| 停止 四) 


Ee ooE Fel 12:09 克 当 身 动 0S 时 自动 后 动 服务 全 ) 
正在 运行 二 WETIFIU 一 rver 
SQL 任务 管理 器 ee 


(a) (b) 
图 2-28 ”SQL Server 的 任务 管理 


2. SQL Server 的 管理 工具 


SQL Server 2000 系统 提供 了 丰富 的 使 用 工具 。 数 据 库 安 装 后 ,可 以 通过 菜单 方式 


方便 地 使 用 这 些 工 具 。 
单 击 : 开始 一 程序 ,找到 Microsoft SQL Server, 系 统 将 列 出 SQL 的 各 种 服务 工具 。 


如 图 2-29 所 示 。 


WD Vindors Cataloc 
入 rinaors Update 
轩 设 赵 程序 本 同和 默认 值 


BD Mache Teacat so 


训 = 


oft 


旺 可 各 加 网 绍 实用 工具 
EO Teacat 时 才 户 绩 网 络 实 用 工具 
图 联机 4 书 
YY 画图 因 herobat Distiler so 5 


因 hobe herobat so 


图 2-29 Microsoft SQL Server 管理 工具 
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3. 查询 分 析 器 


查询 分 析 器 的 主要 用 途 是 编辑 Transact SQL, 将 Transact SQL 语句 发 送 到 服务 器 
并 显示 查询 后 的 结果 。 查 询 分 析 器 中 有 两 个 窗口 : 上 面 区 域 输入 Transact SQL 语句 ;下 
面 窗口 显示 执行 结果 。 查 询 分 析 器 是 在 数据 库 应 用 开发 中 使 用 频繁 的 工具 。 


4. 导入 和 导出 数据 


“导入 和 导出 数据 ”是 一 个 向 导 功 能 , 它 的 功能 是 实现 数据 的 传递 , 它 不 仅 可 以 在 
SQL 服务 器 间 传 递 数据 ,而 且 可 以 在 异种 数据 库 间 传 递 数 据 。 


5. 服务 管理 器 


服务 管理 器 用 于 管理 SQL Server 启动 /停止 .暂停 /继续 以 及 是 否 在 操作 系统 启动 时 
自动 启动 等 操作 。 


6. 服务 器 网 络 实用 工具 


服务 器 网 络 实 用 工具 和 客户 端 网 络 实 用 工具 是 提供 SQL 数据 库 网 络 连 接 的 工具 。 
服务 器 网 络 实用 工具 用 于 设置 本 机 作为 服务 器 时 允许 的 网 络 连接 协议 ,以 支持 不 同 配置 
的 客户 端 。 


7. 客户 端 网 络 实用 工具 


客户 端 网 络 实用 工具 用 于 本 机 作为 SQL 客户 机 访问 其 他 SQL 服务 器 时 所 使 用 的 默 
认 网 络 连接 库 ,并 可 为 不 支持 默认 网 络 连接 库 的 SQL 服务 器 设置 连接 方式 。 


8. 联机 丛书 


联机 丛书 是 一 本 联机 文档 , 供 联 机 查阅 使 用 。 它 包含 了 SQL Server 管理 和 开发 的 全 
部 信息 。 


9. 企业 管理 器 


SQL Server 企业 管理 器 是 Microsoft SQL Server 2000 的 主要 管理 工具 , 它 提 供 了 一 
个 遵从 Microsoft 管理 控制 台 (MMC) 的 用 户 界面 ,通过 企业 管理 器 可 以 完成 以 下 操作 : 

。 定义 运行 SQL Server 的 服务 器 组 。 

。 将 个 别 服务 器 注册 到 组 中 。 

。 为 每 个 已 注册 的 服务 器 配置 所 有 SQL Server 选项 。 

。 在 每 个 已 注册 的 服务 器 中 创建 并 管理 所 有 SQL Server 数据 库 、 对象 .登录 .用户 

和 权限 。 

。 在 每 个 已 注册 的 服务 器 上 定义 并 执行 所 有 SQL Server 管理 任务 。 

。 通过 唤醒 调用 SQL 查询 分 析 器 ,交互 地 设计 并 测试 SQL 语句 、 批 处 理 和 脚本 。 

。 唤醒 调用 为 SQL Server 定义 的 各 种 向 导 。 
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10. SQL 事件 探查 器 


SQL 事件 探查 器 是 图 形 工具 ,使 系统 管理 员 得 以 监视 Microsoft SQL Server 实例 中 
的 事件 。 可 以 捕获 有 关 每 个 事件 的 数据 并 将 其 保存 到 文件 或 SQL Server 表 中 供 以 后 分 
析 。 例 如 ,可 以 对 生产 环境 进行 监视 ,了 解 执行 速度 太 慢 而 妨碍 性 能 的 存储 过 程 。 使 用 
SQL 事件 探查 器 可 以 完成 以 下 操作 : 
。 监视 SQL Server 实例 的 性 能 。 
。 调试 Transact-SQL 语句 和 存储 过 程 。 
。 识别 执行 慢 的 查询 。 
。 在 工程 开发 阶段 ,通过 单 步 执行 语句 测试 SQL 语句 和 存储 过 程 , 以 确认 代码 按 预 
期 目标 运行 。 
。 通过 捕获 生产 系统 中 的 事件 并 在 测试 系统 中 重播 它们 来 解决 SQL Server 中 的 问 
题 。 这 对 测试 和 调试 很 有 用 ,并 使 得 用 户 可 以 不 受 干扰 地 继续 使 用 生产 系统 。 
。 审核 和 复查 在 SQL Server 实例 中 发 生 的 活动 。 这 使 得 安全 管理 员 得 以 复查 任何 
审核 事件 ,包括 登录 尝试 的 成 功 与 失败 ,以 及 访问 语句 和 对 象 权限 的 成 功 与 失败 。 


11. 在 IIS 中 配置 SQL XML 支持 


Microsoft SQL Server 2000 引入 了 支持 XML 功能 的 新 特性 。 这 些 功 能 组 合 在 一 起 
使 SQL Server 2000 成 为 可 支持 XML 的 数据 库 服务 器 。 这 些 特性 包括 : 

。 能 够 使 用 HTTP 访问 SQL Server。 

。 支持 XDRCXML 数据 简化 ) 架 构 并 且 能 够 指定 对 这 些 架构 的 XPath 查询 。 

。 能 够 检索 并 写 人 XML 数据 。 

。 使 用 SELECT 语句 和 FOR XML 子 句 检索 XML 数据 。 

。 使 用 OPENXML 行 集 提 供 程序 写 和 人 XML 数据 。 

。 使 用 XPath 查询 语言 检索 XML 数据 。 

。 增强 了 Microsoft SQL Server 2000 OLE DB 提供 程序 (SQLOLEDB) ,使 得 可 以 

将 XML 文档 设置 为 命令 文本 并 以 流 的 形式 返回 结果 集 。 


习题 、 上 机 练习 与 实 训 2 | 


一 、 习题 
1. 请 为 只 有 一 台 计 算 机 的 用 户 、 有 两 台 计 算 机 的 用 户 或 两 台 以 上 计算 机 的 用 户 策划 
一 个 Web 应 用 开发 与 运行 环境 。 
. 安装 JSP 运行 环境 需要 准备 哪些 软件 ? 
. JDK 软件 的 作用 是 什么 ? 可 以 从 哪里 得 到 最 新 版 的 Java 平台 软件 ? 
. JDK 安装 完成 后 为 什么 要 配置 系统 的 环境 变量 ? 如 何 配置 ? 
. Tomcat 服务 器 软件 的 默认 发 布 目录 是 什么 ? 


让 
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二 、 上 机 练习 

安装 并 配置 Windows 操作 系统 下 的 JSP 运行 环境 : 

(1) 安装 JDK ,配置 系统 的 环境 变量 ,测试 JDK 安装 是 否 成 功 。 

(2) 安装 并 配置 Tomcat, 安 装 完成 后 发 布 Tomcat 的 默认 主页 ,完成 Tomcat 的 启动 
和 停止 操作 。 

(3) 创建 一 个 虚拟 发 布 目录 ,将 例题 ex2-01. jsp 存 人 虚拟 目录 发 布 。 

(4) 安装 并 配置 SQL Server 2000 数据 库 系 统 , 并 完成 停止 和 启动 操作 。 

三 、 实 训 课题 

.为 一 个 Web 站 点 的 开发 小 组 规划 一 个 Windows 200X Server 下 的 JSP 工作 环 

境 。 10 个 成 员 ,客户 端 可 以 使 用 不 同 的 操作 系统 。 请 画 出 该 环境 的 示意 图 ,标明 
所 需 的 硬件 、 软 件 ,并 规划 环境 的 IP 地 址 。 

2. 在 Windows 环境 下 完成 JDK 和 JSP Web 服务 器 的 安装 .配置 与 信息 发 布 。 在 实 
训 课 题 1 的 基础 上 完成 以 下 工作 : 

(1) 网 络 的 硬件 连接 。 

(2) Windows 200X Server 的 安装 与 测试 。 

(3) 客户 端 操作 系统 和 浏览 器 安装 与 测试 。 

(4) JDK 的 安装 .配置 与 测试 。 

(5) JSP Web 服务 器 的 安装 .配置 与 测试 。 

(6) TCP/IP 协议 的 安装 与 配置 。 

(7) 主页 的 发 布 。 
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3 从 基于 Web 方式 的 信息 系 


第 统 开 发 案例 一 一 网 上 书店 


本 章 结 合 网 上 书店 的 建设 ,使 读者 了 解 一 个 Web 站 点 建设 的 全 貌 , 这 将 有 助 于 读者 
站 在 全 局 的 高 度 了 解 Web 技术 的 应 用 。 

使 用 Web 方式 进行 应 用 系统 开发 已 经 成 为 一 种 趋势 。 由 于 系统 采用 Web 方式 开 
发 , 当 进 行 功 能 修改 、 功 能 扩充 等 维护 性 操作 时 ,客户 端 无 须 任 何 改 动 , 使 系统 具有 很 高 的 
灵活 性 和 易 用 性 。Web 站 点 的 开发 过 程 应 遵循 信息 系统 的 开发 方法 ,需要 经 过 系统 分 
析 、 系 统 设 计 、 数 据 库 设计 、 系 统 详细 设计 及 系统 开发 、 系 统 维 护 等 环节 。 

如 果 开 发 的 Web 应 用 系统 需要 与 Internet 连接 , 它 将 是 一 个 面向 全 球 用 户 的 系统 ， 
具有 用 户 数量 的 不 确定 性 。 一 般 来 说 在 用 户 数量 的 估算 上 应 有 一 定 的 余 量 , 这 就 要 求 站 
点 与 国际 互联 网 有 足够 的 通信 线路 带宽 。 在 设计 中 还 需要 考虑 Web 站 点 中 的 基础 
Internet 服务 系统 (如 DNS 域名 解析 系统 、E-mail 电子 邮件 系统 .FTP 文件 服务 系统 等 ) 
的 建设 。 

本 案例 以 网 上 书店 应 用 为 基础 模型 ,涵盖 了 网 上 书店 的 主要 业务 。 为 突出 主要 技术 ， 
对 系统 中 的 某 些 细节 进行 了 删节 。 读 者 可 以 在 本 案例 的 基础 上 ,开发 出 符合 自己 需求 的 
Web 站 点 。 

“网 上 书店 ”的 案例 将 贯穿 于 本 书后 续 各 章节, 本章 主 要 介绍 系统 设计 、 系 统 功 能 设 
计 ` 数 据 库 设计 及 部 分 功能 的 详细 设计 。 在 介绍 功能 的 同时 介绍 功能 实现 所 使 用 的 技术 ， 
以 使 读者 在 后 续 内 容 学 习 时 了 解 所 学 内 容 在 系统 中 的 位 置 。 通 过 本 章 的 学 习 , 读 者 将 了 
解 应 用 Web 方式 进行 应 用 系统 开发 的 全 过 程 , 了 解 Web 站 点 建设 所 使 用 的 主流 技术 。 


3.1 系统 功能 与 系统 环境 


3.1.1 系统 功能 和 使 用 模式 


网 上 书店 的 主要 业务 是 开展 网 上 购书 活动 。 系 统 功 能 由 两 个 部 分 组 成 : 前 台 业 务 和 
后 台 管 理 。 系 统 通 过 Web 网 站 的 形式 发 布 图 书 消息 ,客户 通过 网 络 访问 该 网 站 ,查找 所 
需要 的 图 书 , 办 理 购书 业务 。 

系统 采用 B/S( 浏 览 器 /服务 器 ) 模 式 开 发 ,是 一 个 面向 互联 网 用 户 的 虚拟 书店 ,书店 


的 全 部 业务 在 服务 器 上 完成 。 基 本 构架 如 图 3-1 所 示 。 


1 
网 上 书店 | 读者 /客户 
职工 工作 站 1 
| 
;> I 
主 服务 器 网 络 交 换 机 |! = 
; 客户 1 
| 
| 因特网 J 
| 客户 2 
路 由 器 i 
| = 一 
i el 
| Se 
客户 nn 


图 3-1 网 上 书店 的 B/S 模式 


网 上 书店 的 内 部 网 络 系统 如 图 3-1 左 部 所 示 , 系 统 使 用 交换 机 等 网 络 设备 构成 书店 
内 部 网 络 系统 。 系 统 由 主 服务 器 和 职工 工作 站 构成 。 本 店 职工 使 用 工作 站 访问 主 服务 
器 ,完成 自己 的 工作 任务 ,其 模式 也 是 使 用 B/S 模式 。 网 上 书店 的 网 络 系统 通过 路 由 器 
与 因特网 连接 ,读者 通过 因特网 访问 书店 的 主 服务 器 。 


3.1.2 系统 环境 建设 
要 建设 一 个 可 以 在 互联 网 上 运行 的 服务 系统 ,必须 建立 相应 的 可 以 和 因特网 连接 的 
网 络 环境 ,步骤 如 下 。 


1. 建设 内 部 网 络 系统 


对 于 规模 不 大 的 网 络 书店 ,网络 系统 也 不 会 太 复杂 。 使 用 交换 机 将 主 服 务 器 、. 职 工 工 
作用 的 PC 机 连接 起 来 就 可 以 工作 。 


2. 将 网 络 系统 与 因特网 互联 


为 了 提供 互联 网 服务 ,网 上 书店 必须 建立 与 因特网 的 永久 连接 。 为 此 ,需要 寻找 一 个 
Internet 服务 供应 商 (ISP)。 不 同 的 Internet 服务 供应 商 , 提 供 的 服务 和 价格 不 尽 相 同 。 
主要 考虑 指标 是 连接 速度 (带宽 ) ,使 客户 从 互联 网 的 任何 地 点 都 能 较 快 地 访问 到 它 。 


3. 确定 IP 地 址 


要 在 互联 网 上 提供 服务 ,必须 使 用 互联 网 上 可 以 访问 到 的 网 络 地 址 。 互 联网 上 的 IP 
地 址 是 由 互联 网 统一 分 配 的 ,必须 由 Internet 服务 供应 商 提 供 。 在 网 上 书店 中 ,至 少 有 一 
个 服务 器 (图 3-1 中 的 主 服务 器 ) 使 用 合法 的 静态 IP 地 址 。 在 本 案例 中 ,动态 IP 地 址 是 
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不 可 用 的 , 当 一 般 用 户 通 过 ADSL 联 入 互联 网 时 ,用 户 往 往 只 得 到 一 个 动态 的 IP 地 址 ， 
这 种 地 址 是 不 固定 的 , 当 再 次 访问 互联 网 时 这 个 地 址 会 改变 ,因此 不 能 作为 永久 服务 地 址 
使 用 。 


4. 确定 域名 


客户 访问 互联 网 中 的 网 站 时 ,通常 不 使 用 IP 地 址 ,而 是 使 用 域名 。 因 此 必须 建立 域 
名 和 IP 地 址 的 对 应 关系 。 这 种 对 应 关系 由 域名 解析 服务 器 (DNS) 完 成 。 域 名 由 统一 的 
组 织 进行 管理 。 国 际 上 管理 域名 的 组 织 叫 NIC( 网 址 为 www. internic. net) ,读者 可 以 访 
问 这 个 网 站 得 到 进一步 的 信息 。 中 国 管理 域名 的 组 织 是 CNNIC( 网 址 为 www. cnnic. 
net. cn ) 。 中 国教 育 和 科研 计算 机 网 网 络 信息 中 ， 心 CERNIC 负责 中 国教 育 部 门 的 域名 注 
册 ( 网 址 为 WWWwW. cernic. net. cn) o 


5. 完成 网 络 书店 与 ISP 的 物理 连接 


ISP 选 定 后 ,要 解决 与 选 定 的 ISP 间 的 物理 连接 , 即 选择 通信 介质 问题 。 根 据 需 要 的 
不 同 , 有 多 种 可 供 选 择 的 介质 。 通 信 线 路 的 选择 应 当 满 足 通信 双方 的 要 求 ,因此 在 选择 通 
信 线 路 时 应 与 ISP 协商 。 常 用 的 线路 有 以 下 几 种 : 

(1) 光纤 线路 : 光纤 线路 具有 很 高 的 带宽 和 线路 稳定 性 ,但 架设 困难 。 光 纤 线路 一 
般 可 以 提供 高 达 1000MHz 的 线路 带宽 ,可 到 电信 部 门 租用 裸 光纤 线路 使 用 。 现 在 一 般 
较 大 的 楼 宇 中 都 预先 铺设 和 因特网 连接 的 光纤 线路 ,并 提供 入 住 厂商 的 因特网 接 入 服务 。 

(2) DDN 线路 : DDN 是 Digital Data Network (数据 传输 网 ) 的 英文 简称 ,是 利用 光 
纤 .数字 微波 .卫星 等 数字 信道 ,以 传输 数据 信号 为 主 的 数字 通信 网 络 , 可 以 提供 2MHz 
的 全 透明 的 数据 专线 ,并 承载 语音 、 传 真 ` 视 频 等 多 种 业务 。DDN 线路 实际 上 是 专用 线 
路 ,与 帧 中 继 相 比 ,使 用 成 本 较 高 。 

(3) 帧 中 继 是 一 种 快速 分 组 交换 技术 , 它 以 面向 协议 数据 的 通信 规程 为 基础 ,依靠 智 
能 化 的 用 户 终 端 和 高 稳定 性 的 传输 线路 ,在 用 户 和 网 络 接口 之 间 提 供用 户 信息 的 双向 透明 
传输 ,并 提供 对 多 种 网 络 协议 的 支持 。 由 于 帧 中 继 使 用 分 组 交换 技术 ,电信 线路 并 不 是 由 某 
个 用 户 专 用 ,对 用 户 而 言 线路 成 本 较 低 。 帧 中 继 线 路 可 提供 高 达 2MHz 的 线路 带宽 。 

(4) 卫星 信道 : 卫星 信道 是 一 种 高 质量 的 数据 传输 信道 。 可 以 提供 较 宽 的 带宽 和 可 
靠 的 通信 质量 。 卫 星 信道 可 以 租用 ,在 需要 的 情况 下 :也 可 以 考虑 租用 卫星 信道 解决 通信 
问题 。 为 解决 双向 通信 的 问题 ,需要 建设 卫星 接收 小 站 (VSAT) ,但 初始 造价 较 高 。 

(5) 无 线 通信 : 在 有 线 线路 不 方便 的 地 方 可 以 考虑 使 用 无 线 通信 的 手段 完成 线路 连 
接 。 最 常用 的 有 无 线 网 桥 和 无 线 Modem。 点 对 点 型 无 线 网 桥 可 用 来 连接 两 个 分 别 位 于 
不 同 地 点 的 网 络 ,根据 无 线 设备 发 射 功 率 的 不 同 , 可 靠 的 传输 距离 各 异 , 一 般 可 支持 
10km 左右 的 距离 ,如果 需 要 更 远 距 离 的 传输 ,可 以 增加 射频 放大 器 ,使 通信 距离 达到 数 
上 汪汪 


6. 使 用 主机 托管 形式 解决 与 Internet 的 连接 问题 
互联 网 数据 中 心 (Internet Data Center,IDC) 近 几 年 被 全 球 ISP 业界 认为 是 第 二 代 
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ISP 业务 , 它 除了 能 提供 Internet 接 人 服务 之 外 ,还 能 提供 电信 级 的 网 络 资源 以 及 全 面 的 
网 络 管理 和 应 用 服务 。 网 上 书店 的 网 络 环境 也 可 以 选择 使 用 主机 托管 等 方式 解决 。 现 在 
市 场 上 有 很 多 IDC 公司 ,在 IDC 那里 托管 自己 的 主机 ,解决 互联 网 的 连接 问题 。 


3.2 系统 设计 


系统 的 开发 过 程 应 遵循 软件 系统 的 生命 周期 原则 。 系 统 的 生命 周期 即 系统 从 开始 开 
发 到 系统 结束 使 用 的 全 过 程 。 系 统 的 生命 周期 包括 系统 分 析 、 系 统 设 计 、 数 据 库 设 计 、 系 
统 详细 设计 、 系 统 开发 和 代码 开发 、 系 统 运行 及 维护 等 几 个 重要 阶段 。 要 建设 一 个 实际 使 
用 的 应 用 系统 ,首先 应 当 进行 必要 的 系统 调查 ,尽量 做 到 对 现 有 系统 具有 全 面 的 了 解 , 找 
出 影响 系统 性 能 的 主要 问题 , 即 所 谓 的 系统 分 析 。 在 充分 调查 研究 的 基础 上 进行 系统 的 
设计 ,并 充分 征求 系统 应 用 人 员 的 意见 。 系 统 的 分 析 和 设计 可 能 需要 多 次 反复 讨论 研究 ， 
力求 做 到 符合 应 用 系统 各 方面 人 员 对 系统 的 使 用 需求 。 系 统 设 计 应 产生 系统 设计 说 明 
书 , 交 应 用 系统 的 使 用 者 确认 。 系 统 设 计 说 明 书 是 进行 系统 建设 和 实施 的 规定 性 文件 。 
经 应 用 系统 的 使 用 者 确认 后 ,原则 上 不 再 进行 修改 。 如 有 重大 修改 则 应 重新 进行 系统 设 
计 ,少量 修改 可 以 在 系统 开发 完成 后 在 系统 维护 中 进行 。 系 统 设 计 说 明 书 完成 后 进入 程 
序 代码 开发 和 调试 阶段 。 开 发 调试 完成 后 交 最 终 用 户 验收 和 试 运行 。 试 运行 合格 后 进入 
系统 的 维护 阶段 直至 系统 生存 周期 的 结束 , 旧 的 系统 被 新 的 系统 取代 ,上 升 到 一 个 新 系统 
的 生命 周期 。 

“网 上 书店 管理 信息 系统 "的 设计 也 将 遵循 这 些 原则 。 由 于 本 书 的 主要 目的 是 讲解 
Web 技术 的 应 用 ,所 以 在 本 章 给 出 设计 结果 ,在 以 后 的 各 章 中 按照 本 章 的 设计 结果 ,以 实 
例 的 形式 给 出 部 分 功能 的 实现 代码 ,读者 既 可 以 从 实例 中 学 习 Web 技术 的 应 用 ,也 可 以 
了 解 该 技术 在 整个 系统 开发 中 的 地 位 。 


3.2.1 系统 设计 原则 


1. 实用 


系统 设计 的 重要 原则 是 系统 的 实用 性 ,系统 必须 符合 用 户 的 需求 。 应 注重 采用 先进 、 
成 熟 而 实用 的 技术 ,使 系统 建设 的 投入 产 出 比 最 高 ,产生 良好 的 社会 效益 和 经 济 效益 。 


2. 可 靠 
系统 中 的 软 硬 件 及 信息 资源 应 满足 可 靠 性 设计 要 求 ,保证 系统 长 期 安全 地 运行 。 
3 先进 


在 实用 的 前 提 下 , 尽 可 能 跟踪 国内 外 先进 的 计算 机 软 硬 件 技术 、 信 息 技术 和 网 络 通信 
技术 ,使 系统 具有 较 高 的 性 能 指标 。 
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4. 可 扩充 


系统 的 软 硬 件 具 有 升级 扩充 余地 ,不 因 系 统 的 扩充 .升级 或 改 型 使 原 有 系统 失去 
作用 。 


5. 安全 

系统 应 具有 必要 的 安全 保护 和 保密 措施 ,有 很 强 的 应 对 计算 机 犯罪 和 防范 病毒 的 
能 力 。 

6. 用 户 界 面 友好 

贯彻 面向 最 终 用 户 的 原则 ,设计 并 制作 友好 的 用 户 界 面 ,使 用 户 的 操作 简单 直观 , 易 
于 学 习 掌握 。 

7. 健壮 

系统 具有 较 强 的 抗 干 扰 能 力 和 容错 能 力 。 对 各 类 用 户 的 误 操作 或 异常 情况 应 有 提示 
或 自动 消除 能 力 。 

8. 可 自 适 应 

系统 应 对 不 断 发 展 和 完善 的 业务 需求 和 开发 方法 具有 一 定 的 适应 能 力 。 


3.2.2 系统 需求 分 析 


“网 上 书店 管理 信息 系统 "是 网 上 书店 使 用 的 管理 信息 系统 ,读者 通过 网 络 连 接 访 问 
网 上 书店 ,查找 读者 需要 的 图 书 , 找 到 后 放 入 购物 车 并 填写 读者 相应 的 信息 。 书 店 管理 人 
员 定 期 查看 购物 车 的 情况 .按照 读者 的 要 求 将 读者 申购 的 图 书 送 达 读者 ,完成 购书 活动 。 

随 着 因特网 的 迅速 发 展 ,网 民 数 量 的 急剧 增长 ,形成 巨大 的 消费 市 场 。 图 书 作为 一 种 
特殊 商品 ,特别 适合 网 络 销售 活动 ,目前 已 具 规模 的 如 当当 网 、 亚 马 逊 、 中 国 图 书 网 等 。 网 
上 书店 以 其 营业 成 本 低 、 服 务 时 间 长 ,方便 用 户 等 特点 成 为 一 种 重要 的 图 书 销售 渠道 。 作 
为 一 种 开发 实例 ,网络 书店 在 电子 商务 中 具有 一 定 的 典型 意义 。 本 书 的 教学 将 围绕 着 网 
上 书店 的 开发 展开 。 通 过 该 实例 的 展开 ,讲解 Web 应 用 系统 中 的 各 种 技术 问题 。 

该 系统 的 使 用 人 员 主 要 有 两 种 : 网 络 购书 者 和 书店 工作 人 员 。 


3.2.3 网 络 及 服务 器 的 选择 


网 上 书店 是 一 个 网 络 上 的 虚拟 书店 ,由 内 部 网 络 和 外 部 网 络 两 部 分 组 成 。 网 上 书店 
内 部 网 络 系统 是 一 个 局 域 网 ,由 交换 机 等 网 络 设备 组 成 :满足 书店 职工 工作 的 需要 。 内 部 
网 络 系统 通过 远程 线路 连接 到 互联 网 ,保证 读者 对 网 站 的 访问 。 本 店 职 工 通过 内 部 网 络 
使 用 该 系统 ,读者 通过 因特网 访问 本 店 的 主 服务 器 (网 上 书店 Web 站 点 )。 为 保障 系统 的 
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安全 ,使 用 防火 墙 隔离 内 部 网 络 和 外 部 服务 ,其 网 络 连接 如 图 3-2 所 示 。 


网 上 书店 读者 /客户 
职工 工作 站 


== 
网 上 书店 
备份 服务 器 


图 3-2 网 上 书店 网 络 连接 图 


考虑 到 图 书信 息 的 电子 化 和 多 媒体 化 的 趋势 .网 上 书店 内 部 网 络 带 宽 采 用 100MHz 
或 1000MHz 以 太 网 ,保证 系统 的 可 扩充 性 。 

网 上 书店 管理 信息 系统 网 站 设置 主 服务 器 和 备份 服务 器 ,当主 服务 器 受到 攻击 出 现 
故障 时 ,备份 服务 器 中 的 数据 可 以 保证 系统 的 迅速 恢复 。 服 务 器 应 采用 性 能 价格 比较 高 
的 服务 器 。 


3.2.4 系统 软件 结构 


网 上 书店 管理 信息 系统 采用 先进 的 Browser/Server/Database Server 模式 ,服务 器 
端 采用 Web 方式 进行 应 用 系统 开发 ,客户 通过 浏览 器 访问 “网 上 书店 管理 信息 系统 ”, 服 
务 器 端 使 用 应 用 逻辑 服务 和 数据 库 服务 两 层 , 与 客户 端 形 成 三 级 系统 结构 。 采 用 这 样 的 
三 层 结构 ,具有 结构 清晰 、 便 于 维护 、 运 行 速度 高 等 特点 。 


3.3 系统 功能 设计 


3.3.1 “网 上 书店 管理 信息 系统 ”的 功能 


“网 上 书店 管理 信息 系统 ”的 主要 功能 包括 客户 端 处 理 和 管理 端 处 理 。 客 户 端 处 理 提 
供 客户 进入 书店 后 的 各 种 服务 ,包括 图 书展 示 、 用 户 身份 验证 、 购 书 车 三 个 功能 模块 。 系 
统 提 供 方 便 的 图 书 查 找 工 具 , 找 到 所 需 图 书后 .进行 网 上 订购 ,将 图 书 放 入 购物 车 ,确认 用 
户 身份 ,直至 用 户 决定 购买 (下 订单 )。 

管理 端 功 能 解决 书店 内 部 的 处 理 问题 ,包括 图 书 管理 ,读者 管理 、 订 单 管理 和 本 店 职 
工 的 工作 职责 与 权限 管理 等 。 网 上 购书 系统 功能 结构 如 图 3-3 所 示 。 
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网 上 书店 系统 


| ss 
客户 端 处 理 管理 端 处 理 
| 
户 身份 验证 | | 图 书展 示 购书 车 
用 || 用 | | 图 [|| 图 || 热 || 交 | | 坦 || 更 | | 这 || 志 | | 时 || 思 || 图 | [这 | | 职 | | 遇 
户 || 户 | | 书 || 书 || 销 || 入 | 看 || 新 | | 单 | 户 | | 言 ( | 户 || 韦 | | 单 | 工 | | 版 
注 || 登 | | 查 || 展 || 图 || 败 | | 购 || 购 | | 处 || 留 | | 管 | 管 || 管 | | 管 | 管 | | 社 
1 录 询 || 示 || 书 书 || 书 || 书 | | 理 || 言 理 || 理 || 理 | | 理 || 理 | | 管 
车 | | 车 || 车 理 
图 3-3 网 上 书店 系统 功能 结构 图 
各 模块 功能 如 下 所 述 。 


1. 客户 端 处 理 模块 


1) 图 书展 示 功 能 

图 书展 示 功 能 提供 各 种 方便 的 浏览 图 书 工具 ,包括 新 书展 示 和 图 书 查询 。 

新 书展 示 : 从 数据 库 中 取出 标记 为 新 书 的 图 书 , 放 到 页 面 上 。 

图 书 查询 : 提供 方便 的 图 书 检索 工具 。 通 过 输入 所 要 查询 图 书 的 书 名 、 作 者 、 出 版 
社 .关键 字 等 信息 查询 图 书 ,读者 还 可 以 进行 模糊 查询 。 

2) 购书 车 

购书 车 功能 包括 放 和 人 购书 车 .显示 购书 车 清空 购书 车 等 功能 。 

放 入 购书 车 : 读者 看 到 需要 的 图 书后 , 单 击 图 书 条 目 旁 的 购书 车 图 标 , 将 该 书 放 入 购 
书 车 。 
显示 购书 车 : 单 击 购书 车 图 标 随 时 查看 购书 车 中 的 情况 。 
清空 购书 车 : 查看 购书 车 中 的 情况 并 可 以 清空 该 购书 车 。 
继续 购书 : 查看 购书 车 后 返回 主 菜单 继续 购书 。 

去 收银 台 : 购书 完成 后 下 订单 。 

3) 订单 处 理 

把 图 书 放 入 购书 车 并 决定 购买 时 , 单 击 订单 按钮 进入 订单 处 理 模 块 ,系统 只 对 注册 了 
的 用 户 提 供 图 书 订购 服务 。 如 果 是 合法 用 户 ,显示 订单 表格 ,要求 用 户 填 写 相 应 的 订单 信 
息 。 系 统 检查 订单 信息 的 完整 性 和 正确 性 .如 果 正 确 ,将 此 订单 存 人 数据 库 。 

4) 用 户 身份 验证 

用 户 身 份 验证 包括 用 户 注册 和 用 户 登 录 两 个 模块 。 

用 户 注册 : 如 果 用 户 尚未 在 系统 中 注册 , 则 进入 用 户 注册 窗口 ,输入 注册 信息 。 要 求 
输入 用 户 的 账号 、 密 码 及 个 人 信息 。 系 统 将 检查 这 些 信息 ,不 合法 时 要 求 重 新 输入 。 合 法 
时 将 用 户 信息 存 人 数据 库 。 

用 户 登 录 : 只 有 合法 注册 了 的 用 户 才 可 以 订购 图 书 。 进 入 订单 处 理 后 ,系统 要 求 输 
入 用 户 的 账号 和 密码 ,进行 登录 并 检查 信息 。 用 户 登 录 后 可 以 修改 用 户 的 账号 和 密码 , 查 
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看 订单 的 处 理 情况 及 订单 历史 记录 。 也 可 查看 留言 的 处 理 情 况 。 

5) 读者 留言 板 

登录 的 客户 可 以 留言 。 通 过 留言 板 , 把 需要 的 图 书 、 要 求 和 建议 等 记录 下 来 ,与 图 书 
馆 管理 人 员 交 流 。 


2. 管理 端 处 理 模块 


管理 人 员 进 入 系统 时 要 进行 身份 检查 ,正确 时 方 可 进入 。 

1) 用 户 管理 

读者 注册 后 用 户 的 状态 代码 为 未 激活 状态 。 管 理 人 员 在 处 理 订 单 时 应 对 用 户 身 份 的 
正确 性 进行 验证 (电话 、 短 信 等 确认 ) .如果 正确 ,将 用 户 状态 改 为 激活 ,打印 客户 清单 。 

2) 职工 管理 

职工 管理 主要 处 理 职工 的 账号 和 和 密码。 职工 可 以 修改 自己 的 账号 和 和 密码。 

3) 订单 管理 

职工 随时 检查 订单 情况 ,查找 未 处 理 订 单 。 找 到 未 处 理 订 单 后 ,检查 用 户 状 态 , 如 果 
是 激活 状态 , 则 查找 图 书架 位 ,准备 配送 。 如 果 用 户 状态 未 激活 , 则 进入 用 户 管理 模块 进 
行 激活 处 理 。 图 书 配 送 后 ,图 书 数量 改变 ,并 将 订单 状态 改 为 完成 。 

4) 图 书 管理 

书店 进 书后 ,管理 员 将 图 书信 息 和 图 书 所 在 架 位 情况 填 人 数据 库 中 。 

5) 用 户 留 言 管理 

处 理 用 户 留 言 信息 ,并 将 处 理 日 期 、 处 理 人 和 处 理 意见 填写 到 留言 表 中 。 


3.3.2 业务 流程 设计 


网 上 书店 管理 信息 系统 的 业务 总 流程 如 图 3-4 所 示 。 图 中 包含 了 网 上 书店 客户 端 和 
服务 器 端的 业务 流程 关系 。 本 书 中 将 逐步 讲解 这 个 系统 的 主要 处 理 逻 辑 。 


3.3.3 用 户 界 面 设计 


用 户 界 面 是 用 户 使 用 系统 的 主要 工具 ,必须 精心 设计 ,使 系统 达到 最 佳 的 使 用 效果 。 
系统 界面 主要 有 两 个 部 分 组 成 : 客户 端 页 面 和 管理 端 页 面 。 


1. 客户 端 主页 面 


当 用 户 登 录 网 上 书店 时 ,进入 系统 的 主页 面 。 系 统 主页 面 如 图 3-5 所 示 。 

主页 面 中 有 如 下 功能 区 。 

公告 栏 : 书店 发 布 的 公告 信息 。 

精品 图 书 栏 : 展示 当前 热 销 的 精品 图 书 。 

最 新 图 书 栏 : 展示 最 新 图 书 。 

图 书 查找 栏 : 提供 用 户 快 速 查找 图 书 的 功能 。 读 者 可 以 通过 书 名 、 作 者 、 出 版 社 等 信 
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新 用 户 注册 | ~ [医者 才 ] 我 的 订单 查询 
~ 留言 库 
户 登录 于 留言 反馈 查询 | 
页 和 
精品 
新 书 
丙 工 
和 一 -| 是 管理 | 职工 库 
国生 / 图书 出 版 社 
查找 列表 | 和 
高 级 -一 
服务 图 书 EE 
[ 员 | 查找 一 


图 3-4 系统 业务 流程 总 图 


地 直 思 多 hr 


Wang Luo gou ahe xl tong Es 


全 首页 总 特有 本 书 。 辣 新 书生 | 局 书 日 理 术 | ) 我 的 订 雪 | | YY 对 书 鞋 ，| 了 了 请 者 留言 
精品 
图 书 栏 
新 书架 

图 书 检索 一 ee 说 轴 
人 6。 nezaaem mm 二 让 轩 
图 3-5 客户 端 主页 面 
息 进 行 图 书 快速 查找 。 


用 户 登 录 ,注册 栏 : 用 户 购书 时 ,系统 检查 用 户 的 登录 情况 ,只 有 登录 的 用 户 才 可 以 
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购买 图 书 ,用户 应 先 完 成 用 户 注 册 ,填写 必要 的 个 人 信息 ,得 到 用 户 名 和 密码 。 注 册 后 书 
店 将 长 期 保留 用 户 的 注册 信息 。 用 户 登 录 系 统 时 输入 自己 的 用 户 名 和 密码 。 登 录用 户 可 
以 查看 自己 的 订单 情况 ,也 可 以 浏览 自己 的 读者 留言 的 反馈 信息 。 

购书 车 : 客户 可 在 任何 时 间 将 图 书 放 入 购书 车 ,进入 购书 车 查看 并 修改 购书 信息 ,下 
订单 (去 收银 台 ) ,完成 购书 活动 。 书 店员 工 将 根据 读者 订单 配送 图 书 。 


2. 管理 端 主 界面 


系统 管理 端 软件 由 本 店 职工 使 用 ,完成 书店 的 各 种 管理 业 人 是 
务 。 为 保证 系统 的 安全 ,管理 员 进 入 管理 系统 时 必须 输入 相应 ”Ps 


的 口令 。 输 入 界面 如 图 3-6 所 示 。 注 友 一 一 
职工 输入 了 正确 的 用 户 各 和 口令 后 进入 管理 员 主 界面 。 系 
统管 理 端 主 界面 如 图 3-7 所 示 。 国生 & 局 再 只 号 条 二 两 


a 


图 3-7 网 上 书店 管理 员 主 界面 


3. 页 面 设 计 所 使 用 的 技术 


界面 的 布局 和 页 面 制作 : 可 以 使 用 Dreamweaver、Flash 和 FrontPage 等 软件 ,但 是 
不 管 使 用 什么 软件 ,Web 编程 的 基础 都 是 HTML, 这 部 分 内 容 将 在 第 4 章 介绍 。 

数据 库 信息 发 布 与 存储 技术 : 用 户 登录 时 在 界面 提交 的 用 户 名 和 和 密码 必须 与 数据 库 
userinfo 表 中 的 信息 一 致 , 才 允 许 用 户 进 入 系统 的 主 界面 ,这 需要 查询 数据 库 信息 。 读 者 
在 查询 图 书库 时 需要 查询 book 表 中 的 信息 ,找到 所 需 图 书后 ,系统 将 把 该 书 的 信息 返回 
给 读者 。 读 者 订购 图 书 时 系统 将 读者 订购 图 书 的 信息 写 入 orderform 订单 主 表 和 
orderdetail 订单 子 表 。 本 书 将 在 第 7.、8、9、10 章 重点 介绍 应 用 较为 广泛 的 JSP 技术 。 

其 他 界面 ,如 图 书 列表 界面 购书 车 界面 和 客户 留言 等 ,将 在 后 面 详细 介绍 。 
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3.4 数据库 设计 


网 上 书店 使 用 SQL 数据 库 ,数据 库 名 称 是 : bookshop。 


数据 库 是 应 用 系统 的 核心 .应当 精 心 设计 ,以 保证 系统 的 正确 、 可 靠 、 高 效 运 行 。 本 案 
例 的 数据 库 共 使 用 7 个 表格 。 
1. 图 书 表 ( 见 表 3-1) 
表 3-1 图 书 表 ( 表 名 :book) 
字 段 类 型 中 文 名 主键 /外 键 注 
bookid Varchar(50) 书号 pk 
bookname Varchar(200) 书 名 
author Varchar(50) 作者 
publisherid Int 出 版 社 id 
pubdate datetime 出 版 日 期 
category Varchar(50) 分 类 码 
price float 书 价 
content text 内 容 简 介 
type Int 新 书 ,精品 标志 书 
品 
quantity Int 库存 数量 
Place Varchar(50) 图 书 所 放 的 位 置 
picture Varchar(50) 图 片 文件 名 
2. 用 户 表 ( 见 表 3-2) 
表 3-2 用 户 表 ( 表 名 :userinfo) 
字 段 类 型 中 文 名 主键 /外 键 注 
userid Varchar(50) 用 户 名 pk 
username Varchar(50) 姓名 
password Varchar(50) 密码 
gender Varchar(10) 性 别 
address Varchar(200) 住址 
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续 表 


备 段 类 型 中 文 名 主键 /外 键 备 注 
email Varchar(50) E-mail 
phone Varchar(50) 联系 电话 
postcode Varchar(50) 邮编 
0: 未 激活 
state Int 用 户 状 态 1: 激活 
2: 重要 
3. 订单 主 表 ( 见 表 3-3) 
表 3-3 订单 主 表 ( 表 名 :orderform) 
字 段 类 型 中 文 名 主键 /外 键 备 注 
orderid Varchar(50) 订单 号 pk 
orderdate datetime 订单 日 期 
userid Varchar(50) 用 户 id 
totalnum Int 所 购 图 书 数 量 
totalamount float 总 金额 
payment Varchar(50) 付费 方式 
deliver Varchar(50) 送 货 方式 
receiver Varchar(50) 收 货 人 
address Varchar(200) 收 货 地 址 
phone Varchar(50) 联系 电话 
postcode Varchar(50) 收 件 人 邮编 
0: 未 处 理 
state Int 订单 状态 1: 发 货 
2 党 
4. 订单 子 表 ( 见 表 3-4) 
表 3-4 订单 子 表 ( 表 名 :orderdetail) 
字 段 类 型 中 文 名 主键 /外 键 备 注 
id Int 序号 pk 自动 增长 
orderid Varchar(50) 订单 号 
bookid Varchar(50) 书号 
bookname Varchar(200) 书 名 
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攻 段 类 型 中 文 名 主键 /外 键 备 注 
publisher Varchar(200) 出 版 社 
unitprice float 单价 
ordernum Int 订购 数量 
5. 用 户 留言 ( 见 表 3-5) 
表 3-5 用 户 留言 表 ( 表 名 :notes) 
字 段 类 型 中 文 名 主键 /外 键 备 注 
id Int 序号 pk 自动 增长 
userid Varchar(50) 用 户 id 
subject Varchar(200) 留言 主题 
datel datetime 留言 日 期 
context Text 留言 内 容 
employeeid Varchar(50) 处 理 人 id 
date2 datetime 处 理 日 期 
advice Text 处 理 建 议 
6. 职工 表 ( 见 表 3-6) 
表 3-6 职工 表 ( 表 名 :employee) 
字 段 类 型 中 文 名 主键 /外 键 备 注 
employeeid Varchar(50) 职工 账号 pk 
name Varchar(50) 职工 姓名 
password Varchar(50) 密码 
gender Varchar(10) 性 别 
address Varchar(200) 住址 
email Varchar(50) E-mail 
phone Varchar(50) 联系 电话 
task Varchar(50) 工作 任务 
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7. 出 版 社 表 ( 见 表 3-7) 


表 3-7 出 版 社 表 ( 表 名 :publisher) 
室 段 类 型 中 文 名 主键 /外 键 备 注 
publisherid Int 出 版 社 编号 pk 自动 增长 
name Varchar(50) 出 版 社 名 称 
linkman Varchar(50) 联系 人 
address Varchar(200) 出 版 社 地 址 
email Varchar(50) E-mail 
phone Varchar(50) 联系 电话 
website Varchar(200) 网 址 


3.5 代码 设计 与 实现 


网 上 书店 管理 信息 系统 应 用 JSP 技术 实现 ,读者 在 学 习 本 书 的 内 容 时 可 以 参考 这 些 
程序 。 
代码 功能 见 表 3-8 和 表 3-9 。 
表 3-8 ”客户 端 程序 清单 及 功能 表 
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功 能 程序 名 称 功能 描述 
主页 index. jsp 显示 书店 主页 
精品 图 书 excellent. jsp 显示 精品 图 书 
新 书架 newbook. jsp 显示 新 书架 图 书 
书目 查找 booksearch. jsp 书目 查找 
书目 查找 清单 booklist. jsp 书目 查找 清单 
我 的 订单 myorder. jsp 订单 查看 
购书 车 shoppingcart. jsp 显示 购书 车 
购书 车 addtocart. jsp 把 书 放 入 购书 车 
购书 车 increaseCart. jsp 增加 所 购 图 书 数量 
购书 车 clearcart. jsp 清空 购书 车 
购书 车 decreaseCart. jsp 减少 所 购 图 书 数量 
购书 车 delfromcart. jsp 取消 某 书目 
读者 留言 leaveword. jsp 显示 留言 板 
读者 留言 leaveword2. jsp 把 留言 写 和 人 数据库 
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表 3-9 管理 端 程序 清单 及 功能 表 


功 能 程序 名 称 功能 描述 
图 书 管理 booklist. jsp 显示 图 书 清单 
图 书 管理 bookadd. jsp 添加 图 书 
图 书 管理 bookedit. jsp 编辑 图 书信 息 
图 书 管理 bookdelete. jsp 删除 图 书 
图 书 管理 booksearch. jsp 查找 图 书 
用 户 管 理 userinfolist. jsp 显示 用 户 清单 
用 户 管理 userinfoedit. jsp 编辑 用 户 信息 
用 户 管理 userinfoadd. jsp 添加 用 户 信 息 
用 户 管 理 userinfodelete. jsp 删除 用 户 
用 户 管理 userinfosearch. jsp 查找 用 户 
订单 管理 orderlist. jsp 显示 订单 清单 
订单 管理 orderedit. jsp 编辑 订单 信息 
订单 管理 ordersearch. jsp 查找 订单 
留言 管理 noteslist. jsp 显示 留言 清单 
留言 管理 notesedit. jsp 编辑 留言 信息 
留言 管理 notesdelete. jsp 删除 留言 
留言 管理 notessearch. jsp 查找 留言 
职工 管理 employeelist. jsp 显示 职工 清单 
职工 管理 employeeadd. jsp 添加 职工 
职工 管理 employeeedit. jsp 编辑 职工 信息 
职工 管理 employeedelete. jsp 删除 职工 
职工 管理 employeesearch. jsp 查找 职工 
出 版 社 管理 publisherlist. jsp 显示 出 版 社 清单 
出 版 社 管理 publisheradd. jsp 添加 出 版 社 
出 版 社 管理 publisheredit. jsp 编辑 出 版 社 信 息 
出 版 社 管理 publisherdelete. jsp 删除 出 版 社 
出 版 社 管 理 publishersearch. jsp 查找 出 版 社 
显示 版 权 信 息 Bottom. jsp 显示 版 权 信息 
显示 出 错 信息 error. jsp 显示 出 错 信息 
购书 车 的 数据 结构 CartBean. java 购书 车 的 数据 结构 
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3.6 网 上 书店 的 安装 及 使 用 


为 使 读者 在 学 习 过 程 中 易于 理解 ,并 参考 使 用 ,将 系统 适当 剪裁 并 移植 到 计算 机 环境 
中 ,读者 可 以 将 网 上 bookshop 中 的 内 容 复制 到 Tomcat 的 发 布 目录 下 即 可 运行 。 

安装 操作 步骤 如 下 : 

(1) 安装 JDK。 

(2) 安装 Tomcat。 

(3) 安装 MS SQL Server 2000 个 人 版 。 

(4) 将 bookshop 下 的 数据 库 备 份 文件 导入 到 数据 库 中 ,数据 库 取 名 为 bookshop。 

(5) 创建 数据 源 ,在 “控制 面板 一 管理 工具 一 数据 源 ” 中 建立 与 该 数据 库 对 应 的 数据 
源 , 数据 源 取 名 为 bookshoplk 。 

(6) 将 bookshop 整个 文件 夹 复制 到 tomcat 发 布 目 录 webapps 下 。 

(7) 以 上 步骤 完成 后 ,重启 tomcat, 在 浏览 器 地 址 栏目 中 输入 : 

http://localhost:8080/bookshop 客户 端 ( 初 始 账 号 和 密码 :pds/pass) 

http://localhost:8080/bookshop/admin 管理 端 (初始 账号 和 密码 :admin/pass) 


习题 与 实 训 3 | 


= 二 汉 题 
. 一 个 基于 Web 的 应 用 系统 开发 主要 过 程 有 哪些 ? 
. 系统 设计 的 主要 原则 是 什么 ? 
. 系统 环境 建设 的 主要 步骤 有 哪些 ”如 何 选择 通信 线路 ? 
. 完成 用 户 身份 验证 子 系统 的 分 析 与 设计 。 
. 完成 图 书展 示 子 系统 的 分 析 与 设计 。 
完成 用 户 留 言 子 系统 的 分 析 与 设计 。 
. 完成 购书 车 子 系统 的 分 析 与 设计 。 
. 完成 职工 管理 子 系统 的 分 析 与 设计 。 
二 、 实 训 课 题 
完成 一 个 网 上 购物 (例如 计算 机 、 笔 记 本 电脑 光盘、 旅游 用 品 等 ) 管 理 信 息 系 统 的 分 
析 与 设计 。 


下 
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Web 技术 中 很 重要 的 一 个 模块 是 Web 编程 技术 。Web 程序 设计 与 一 般 意义 上 的 程 
序 设 计 有 所 不 同 ,专业 人 员 与 非 专业 人 员 都 可 以 进行 。 它 的 开发 工具 简单 好 用 ,语法 结构 
简洁 易 掌 握 , 不 需要 太 多 的 专业 知识 ,特别 适合 非 专 业 人 员 使 用 ,这 也 是 Web 技术 易于 普 
及 并 受 大 众 欢 迎 的 重要 原因 之 一 。 本 篇 主要 介绍 Web 客户 端 程序 设计 技术 , 它 也 是 
Web 服务 器 端 程序 设计 的 基础 。 通 过 第 2 篇 的 学 习 , 读 者 将 掌握 Web 客户 端 编程 技术 ， 
完成 Web 客户 端的 应 用 开发 工作 。 第 2 篇 主要 内 容 包 括 : 


第 4 章 HTML 

第 5 章 CSS 

第 6 章 JavaScript 

对 于 已 经 掌握 程序 设计 方法 的 技术 人 员 ,可 以 快速 通过 第 2 篇 ,掌握 Web 编程 的 要 
点 ,进入 后 续 内 容 的 学 习 。 


化 了 HTML 
第 对 


Web 方式 的 数据 库 信 息 发 布 是 基于 HTML 的 ,一 般 将 执行 与 数据 库 交 换 信 息 的 
ASP/ASP. NET、PHP 或 JSP 语句 嵌入 HTML 文档 ,由 服务 器 端的 引擎 执行 ,完成 数据 
库 的 信息 发 布 工 作 。 网 页 是 以 HTML 格式 写成 的 ,HTML 通过 标记 (Tag) 式 指令 ,将 影 
像 声音 图片 和 文字 等 连接 并 显示 出 来 。HTML 是 符合 SGML (Standard Generalized 
Markup Language, 标 准 通用 标记 语言 ) 语 法 的 一 种 固定 格式 的 超 文本 标记 语言 , 当 浏 览 
HTML 页 面 时 ,浏览 器 将 自动 解释 标记 的 含义 ,并 按 标 记 指 明 的 格式 展示 内 容 。 


4.1 HTML 概述 


HTML 是 一 种 控制 页 面 内 容 显 示 的 标记 语言 .按照 HTML 语法 编写 的 文件 称 为 
HTML 文件 。 可 以 使 用 任意 的 文本 编辑 器 编写 HTML 文件 ,以 纯 文本 形式 存储 ,并 以 
htm 或 html 为 扩展 名 。 文 件 编写 完成 后 ,可 在 浏览 器 中 查看 效果 。 


4.1.1 HTML 人 门 一 一 一 个 简单 HTML 案例 


例 4.1 请 读者 一 起 来 制作 具有 跳 转 功能 的 简单 网 页 。 本 案例 具有 两 个 页 面 ,文件 
名 为 : ex4-01. html 和 ex4-01_1. html。 在 浏览 器 的 地 址 栏目 输入 文件 ex4-01. html 的 
URL ,浏览 器 将 显示 文件 ex4-01. html 的 内 容 , 在 该 页 面 单 击 超 链接 ,页 面 将 跳 转 到 
ex4-01_1. html 页 面 ,这 是 网 页 最 基本 的 功能 。 请 按 以 下 步骤 进行 。 


1. 编写 HTML 代码 
使 用 简单 的 文字 编辑 器 ,如 Notepad( 记 事 本 ) 和 WordPad( 书 写 板 ) 等 都 可 以 胜任 。 


请 在 编辑 器 中 输入 以 下 两 个 HTML 文件 的 代码 。 
1) 文件 名 ex4-01. html 
=~=html> 


=head> 
< 一 title> 简单 的 html 案例 一 /title 二 


=/head> 
=body 
欢迎 ! 
请 单 击 一 a href 一 "ex4-01_1. html' 二 Hello World! 二 /a 二 
=/body> 
=/html> 


2) 文件 名 ex4-01_1. html 


=html> 
<head> 
< 一 title 二 Hello World! =/title> 
=/head> 
=body> 
祝贺 你 ,初试 成 功 ! 
=/body> 
=/html> 


以 扩展 名 为 html 保存 文件 。 在 只 支持 三 个 字母 作 后 缀 的 操作 系统 中 , 它 的 扩展 名 
是 htm。 
2. 页 面 测试 


在 浏览 器 中 显示 页 面 ex4-01. html 运行 结果 ,如 图 4-1 所 示 。 
在 图 4-1 页 面 中 单 击 “*Hello World!”, 页 面 将 跳 转 至 代码 ex4-01_1. html 所 显示 的 页 
面 ,如 图 4-2 所 示 。 


入 简单 的 hta1 案 例 - Microsoft Internet Explorer [- [|X| Hello Yorld! - Wicrosoft Internet Explorer [(C [©] 
文件 到 ) 编辑 于 ) 查看 收藏) 工具 XT) 帮助 0D 文件 编辑 到 ) 查看 WD 收藏) 工具 I) 帮助 00) 


@ 扣 -日 - 国 加 的 | 有 Pr 丙 w 本 @@ 二 -四 - 国 国 的 | 亡 mm 南 wm 


地 十 加 ) | 多] n: ev 技术 应 用 基础 \ex_no4\ex4-01.htnl 图 
欢迎 ! 请 单 击 Hello Worldl 


ET TO E77 :| 
图 4-1 页 面 代码 ex4-01. html 在 浏览 器 中 的 显示 图 4-2 页 面 跳 转 到 ex4-01_1. html 


3. HTML 标记 功能 简介 


以 页 面 代码 ex4-01. html 为 例 说 明 HTML 标记 的 简单 使 用 。 
第 1 行 的 二 html 二 和 最 后 1 行 的 二 /html 二 表示 HTML 文档 的 开始 和 结束 。 
第 2 行 的 二 head 盖 和 第 4 行 的 一 /head 二 指示 HTML 文档 文件 头 的 开始 与 结束 。 

第 3 行 的 二 title 二 简单 的 html 案例 过 /title 二 ,在 浏览 器 标题 栏 显示 标题 “简单 的 
html 案例 ”。 

第 5 行 的 壹 body 之 和 第 8 行 的 二 /body 过 说明 该 页 面 的 文件 体 的 开始 与 结束 ,文件 
体 中 的 内 容 在 浏览 器 中 显示 。 
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第 6 行 和 第 7 行 是 HTML 文档 正文 ,是 在 浏览 器 中 显示 的 内 容 。 第 7 行 中 的 二 a 
href 一 “ex4-01_1. html' 人 Hello World! 二 /a 请 ,标记 二 a 二 说 明 其 后 的 文字 是 一 个 超 链 
接 , 单 击 该 文字 ,页 面 将 跳 转 至 “ex4-01_1. html” 页 面 。 


4.1.2 HTML 文件 的 结构 


HTML 文件 总 是 以 标记 过 html 王 开始 ,二 /html 一 结束。 用 标记 过 head 六 一 /head 一 
和 二 body 二 二 /body 二 把 文档 分 为 两 部 分 。 在 二 head 放 与 二 /head 放 之 间 的 是 文件 头 , 文 
件 头 内 包含 关于 文件 的 说 明 信 息 ,它们 不 和 文件 一 起 显示 。 在 二 body 之 和 二 /body 二 之 
间 的 是 文件 要 显示 的 内 容 , 包 括 有 标题 .段落 列表、 图 形 和 超 文本 链接 等 。HTML 文件 
结构 如 图 4-3 所 示 。 


<html> - -一 一 一 一 一 一 一 -一 一 -一 一 一 一 HTML 文档 标记 
HTML 文档 A 文档 首部 标记 
A <title> 主 页 标题 <title> 一 -一 -一 一 标题 标记 

文件 头 -十 一 一 一 <head> 
， 厂 一 <body> 一 -一 一 一 一 一 一 一 一 一 一 一 一 一 -文档 内 容 标记 
交 伯 体 主页 文档 部 分 

</body> 

</html> 


图 4-3 HTML 文件 结构 


4.1.3 HTML 的 标记 和 元 素 


HTML 文件 的 所 有 控制 语句 称 为 标记 ,标记 在 一 对 尖 括 号 之 间 ,格式 如 下 : 
二 标记 名 称 二 HTML 元 素 二 /标记 名 称 二 

例如 ， 

二 h2> 你 好 ! 二 /h2 二 


。 标记 大 多 成 对 出 现 , 由 始 标记 所 标记 名 称 二 和 尾 标记 所/ 标记 名 称 二 组 成 。 所 标 
记名 称 二 通知 浏览 器 开始 执行 该 标记 名 称 指示 的 功能 ,二 /标记 名 称 二 说 明 该 功 
能 到 此 结束 。 也 有 的 标记 没有 尾 标 记 , 如 换行 标记 二 br 二 既 没 有 尾 标 记 也 没有 
HTML 元 素 ,. 当 浏览 器 遇 到 一 br 二 标记 时 换行 显示 文本 。 

。 由 标记 控制 在 浏览 器 中 显示 的 内 容 称 为 HTML 元 素 , 例 如 ,一 h2 二 你 好 ! 一 /h2 二 
中 的 文字 “你 好 !1”。 

。 标记 与 字母 的 大 小 写 无 关 , 例 如 过 BODY 二 与 二 body 二 的 作用 是 一 样 的 。 

。 标记 可 以 联合 使 用 ,也 可 以 嵌 套 使 用 。 

。 标记 可 以 带 有 一 个 或 多 个 属性 参数 。 格 式 如 下 : 


一 标记 名 称 属性 1=" 属 性 值 1 … 属 性 n= 二 "属性 值 n"" 盖 HTML 元 素 一 /标记 名 称 二 
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。 注释 标记 二 ! -注释 内 容 -> ,注释 内 容 不 在 浏览 器 中 显示 ,只 供 阅读 页 面 代 码 时 
帮助 理解 使 用 。 


4.1.4 HTML 页 面 结构 标记 


1. 文件 标记 二 html 二 …< 一 /html 一 
在 HTML 文档 的 最 外 层 , 表 示 HTML 文件 的 开始 与 结束 。 
2. 文件 头 标记 二 head 二 … 一 /head 过 


在 文件 头 标记 二 head 盖 与 二 /head 二 之 间 保 存 说 明 整 个 文件 的 综合 信息 。 它 包含 如 
下 标记 。 

1) 文件 标题 标记 一 title 二 … 一 /title 过 

是 文件 头 中 的 最 常用 的 标记 , 它 给 出 文件 的 总 标题 ,在 浏览 器 标题 栏 中 显示 。 标 题 应 
简明 扼要 ,切中 文件 的 主题 。 格 式 如 下 : 


二 title 二 标题 二 /title 二 


2) 一 base href 二 “URL” 请 基地 址 标记 

用 来 指定 本 网 页 中 超 链接 的 基准 路 径 ,又 称 基 锚 。 使 用 该 标记 可 以 简化 页 面 中 超 链 
接 的 编写 ,只 需要 写 出 相对 基准 路 径 的 相对 路 径 即 可 。 

3) 一 meta 二 相关 资料 标记 

用 来 说 明 与 本 文件 有 关 的 资料 信息 ,包括 资料 名 称 name 和 内 容 content 属性 。 

4) 二 link 二 标记 

指明 本 网 页 需要 其 他 资源 的 情况 ,显示 作者 信息 、 相 关 检 索 信 息 等 。 

5) CSS 样式 标记 二 style 二 … 一 /style 一 

文件 头 标记 应 用 示例 如 下 : 


=html> 
~head> 
二 title 二 简单 的 html 案例 一 /title 二 
一 base href="http://www. buu. edu. cn/"> 
一 meta name 一 "author”content 一 "july 一 
一 /head 一 
一 body 二 
欢迎 ! 
请 单 击 一 a href 一 "ex4-01_1. html’ 记 Hello World! 二 /a 二 
=/body> 
=/html> 


3. 文件 主体 标记 二 body 二 … 一 /body 过 
在 HTML 中 标明 文档 的 主体 ,是 HTML 文档 的 主要 部 分 。 一 body 二 表示 文档 的 开 
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始 , 一 /body 二 表示 文档 的 结束 。 一 body 之 标记 可 以 使 用 属性 使 页 面 带 有 背景 颜色 或 背 
景 图 案 , 它 的 主要 属性 如 下 。 
。 bgcolor: 设置 页 面 背 景 颜色 。 例 如 ,一 body bgcolor 二 blue ,二 body bgcolor 一 
井 aa88cc 一 。 
。 background: 背景 图 案 或 图 像 文 件 的 URL。 例 如 ,一 body background 一 "back. 
[2 
。 text: 设置 网 页 文字 的 颜色 。 例 如 ,一 body text 一 red 一。 
。 alink、vlink 和 link: 用 来 控制 超 链接 文字 的 颜色 ,link 属性 用 来 设置 尚未 链接 过 
的 超 链接 文字 的 颜色 ;vlink 属性 用 来 设置 已 经 链接 过 的 超 链接 文字 的 颜色 ;alink 
属性 用 来 设置 当 鼠 标 单 击 超 链接 后 超 链接 显示 的 颜色 。 例 如 ,一 body alink 一 
"green” vlink="red” link="blue’>。 
颜色 用 6 位 十 六 进 制 的 红 - 绿 - 蓝 (red-green-blue.,RGB) 值 表示 ,rrggbb。 常 用 颜色 及 
其 对 应 的 十 六 进 制 数 对 照 见 表 4-1。 
表 4-1 常用 颜色 的 十 六 进 制 数 对 照 表 


颜 色 十 六 进 制 数 颜 色 十 六 进 制 数 
black( 黑 ) 井 000000 gray( 灰 ) 井 808080 
navy( 深 蓝 ) 井 000080 silver( 银 灰 ) 井 COCOC0 
blue( 蓝 ) 井 0000FF red( 红 ) 井 FF0000 
teal( 墨 绿 ) 井 008080 magenta( 洋 红 ) 井下 FOOFF 
green( 绿 ) 井 00FF00 yellow( 黄 ) # FFFFOO0 
cyan( 青 ) 井 O00FFFF white( 白 ) # FFFFFF 


4.2 HTML 页 面 修饰 标记 


页 面 修饰 标记 主要 用 于 控制 页 面 的 段落 ,显示 字符 的 大 小 、 颜 色 、 字 体 和 属性 等 。 
4.2.1 标题 文字 标记 二 hn 二 … 一 /hn 二 


标题 文字 标记 用 来 标示 页 面 中 的 标题 文字 ,被 标示 的 文字 将 以 粗 体形 式 显 示 。 
HTML 定义 了 六 级 标题 文字 ,n 的 范围 是 1 一 6, 二 hl 二 标记 的 字体 最 大 最 黑 , 甚 余 的 依次 
小 下 来 ,二 h6 二 最 小 。 它 们 需要 与 尾 标记 一 起 使 用 。 

语法 : 

一 hn align 二 left|center|right 一 标题 文字 一 /hn 一 


其 中 ,align 属性 用 来 控制 标题 文字 的 对 齐 方式 : left 
center 一 一 居中 ;right 右 对 章 。 


左 对 齐 ( 默 认 对 齐 方式 ); 
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4.2.2 文字 样式 标记 一 font 盖 … 一 [font 一 


文字 样式 标记 利用 其 属性 来 控制 文字 的 字体 .大 小 和 颜色 。 
语法 : 
二 font 属性 一 属性 值 二 文字 二 /font 一 
去 font 二 标记 属性 的 说 明 见 表 4-2。 
表 4-2 ”一 font 一 标记 属性 


属 性 功 能 
设置 文字 的 字体 。 如 果 指 定 的 文字 在 用 户 系统 中 不 存 


应 用 举例 


face 在 , 则 使 用 默认 字体 一 font face 一 "楷体 "一 
Size 设置 字体 的 大 小 ,分 为 7 级 ,等 级 7 最 大 ,默认 值 是 3 一 font size 一 6 二 
color 设置 字体 的 颜色 一 font color ="red’> 


4.2.3 特定 文字 样式 标记 


HTML 中 的 一 些 标记 可 以 使 文字 以 特定 的 样式 显示 ,这 些 标记 分 为 两 类 : 物理 类 型 
和 导 辑 类 型 。 物 理 类 型 的 标记 直接 指定 文本 显示 的 具体 样式 ,例如 ,显示 为 粗 体 .斜体 或 
下 划 线 和 等。 逻辑 类 型 的 标记 说 明文 本 的 用 途 , 进 而 决定 文本 的 样式 ,例如 突出 显示 、 按 地 
址 显示 等 。 常 用 的 描述 特定 文字 样式 标记 见 表 4-3。 


表 4-3 字体 标记 
文本 样式 描述 标记 类 别 
粗 体 <b>></b> 物理 
斜体 < 物理 
下 划 线 <u></u> 物理 
删除 划 线 <s><=/s> 物理 
上 标 =sup>=/sup> 物理 
下 标 =sub>=/sub> 物理 
大 字体 =big>=/big> 物理 
小 字体 =small>=/small> 物理 
重点 突出 显示 ( 粗 体 ) =strong>=/strong> 逻辑 
突出 显示 (和 斜体 ) 一 em 二 一 /em 二 逻辑 
电子 邮件 和 网 址 (缩小 十 斜体 字 ) 一 address 二 一 /address 二 J 逻辑 
按 代码 显示 (缩小 字体 ) 二 code 二 二 /code 一 逻辑 
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4.2.4 段落 标记 

HTML 文档 中 的 空格 .Tab 符 、 回 车 换行 符 等 ,在 浏览 器 中 不 起 作用 ,必须 要 使 用 标 
记 , 才 能 使 文章 分 出 段落 , 显 出 层次 。 

1. 段落 标记 一 p 二 

语法 : 

一 p align 一 left| center| right 一 段落 文字 一 /p 二 

使 用 一 p 过 标记 实现 文章 段落 与 段落 之 间 的 分 隔 ,段落 的 前 后 都 有 空 行 。 志 p 过 标记 
表示 新 的 一 段 开始 。 志 /p 二 表示 段落 的 结束 ,常常 可 以 省 略 。 

2. 换行 标记 二 br 二 

在 使 用 二 p 二 标记 分 段 时 ,在 段落 之 间 有 一 空 行 。 如 果 不 希 望 出 现 空 行 ,可 以 使 用 
二 br 二 换行 标记 。 当 浏览 器 遇 到 二 br 二 标记 时 会 男 起 一 行 , 中 间 不 插入 空 行 。 

3. 水 平 线 标 记 一 hr 二 

语法 : 

二 hr 属性 一 属性 值 二 


浏览 器 遇 到 二 hr 二 水 平 线 标记 ,会 在 页 面 上 画 出 一 条 水 平 线 。 水 平 线 可 以 划分 页 面 
显示 内 容 , 使 页 面 内 容 更 加 清晰 醒目 。 二 hr 二 标记 的 属性 用 来 控制 水 平 线 的 样式 ,常用 的 
属性 见 表 4-4。 

表 4-4 二 hr 二 标记 的 属性 


属 性 功 能 示 例 
size 水 平 线 的 粗细 .以 像素 为 单位 ,默认 值 是 1 ~hr size=6> 
width 水 平 线 的 宽度 ,可 以 以 像素 为 单位 .也 可 以 用 对 屏幕 的 | 二 hr width 二 40% 二 
百分比 表示 ,默认 值 为 100% 一 hr width =80%> 
水 平 线 对 齐 方式 ,可 取 值 为 : left、center 或 right, 默 认 值 
align 一 hr align = right> 
是 center 
一 hr color ="red’> 
人 A 一 hr color 一 # bb6688 二 


4. 预 格式 化 标记 二 pre 二 


预 格式 化 标记 二 pre 一 可 以 使 HTML 文档 中 的 空格 、Tab 符 、 回 车 换行 符 起 作用 。 它 
与 尾 标记 过 /pre 二 一 起 使 用 。 
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4.2.5 页 面 修饰 标记 应 用 案例 


例 4.2 代码 ex4-02. html 说 明了 页 面 修饰 标记 的 使 用 。 代 码 清单 如 下 : 


=html> 
~=head> 
二 title 二 页 面 修饰 标记 应 用 二 /title 二 
=/head> 
一 body bgcolor= # {0f0f{0> 
一 h2 align 一 “center' 二 显示 2 号 标题 字 二 /h2 放 
=—center> 
<p> 
一 font color 二 "blue” face 一 "隶书 ”size 一 5 二 显示 蓝 色 隶 书 字 体 二 /font 一 
二 br 一 二 s 二 显示 删除 划 线 二 /s 二 
一 address 二 aaaa@buu. com. cn( 显 示 地 址 ) 一 /address 二 
一 hr color ="red’> 
显示 上 标 : x 一 sup 二 3 一 /sup 二 二 br 一 
显示 下 标 : x 一 sub 二 2 一 /sub 一 


=/center> 
一 hr color = #00FFFF size=4> 
~pre> 
预 格式 化 标记 应 用 
共 
闪闪 

x 
</pre> 
=/body> 
=/html> 


在 浏览 器 中 显示 效果 如 图 4-4 所 示 。 


包 页 面 修 饰 标 记 应 用 - Microsoft Inter-.- 
文件 (E) ”编辑 (E) 查看 (Y) 收藏 (6) 工具 (IT) 帮助 (8) 
;地址 了) ~| 稻 2008 第 二 版 Web 技 术 应 用 基础 \ex\ex_D04\ex4-02. htnl 国 | 回转 到 


显示 2 号 标题 字 站 
显示 蓝 色 隶书 字体 


旦 示 删 除草 线 
33aa@buu. com cm( 旦 元 姑妈) 


显示 上 标 ，x3 
显示 下 标 ， x2 


预 格 式 化 标记 应 用 
二 
* 


图 4-4 页面 修饰 标记 应 用 示例 
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4.3 页 面 多 媒体 技术 


4.3.1 图 像 标 记 二 img 二 


语法 : 

一 img src 二 URL” alt 一 "文字 说 明 " 一 

图 像 标 记过 img 过 把 图 像 嵌 入 HTML 文档 中 。 图 像 标 记 的 属性 见 表 4-5。 
表 4-5 一 img 二 标记 的 属性 


属 性 功 能 示 例 
Src src 是 必 选 项 , 它 指定 图 像 文件 的 URL 一 img src 一 “ex4-03. jpg’> 
定义 一 个 文本 串 ,浏览 器 未 完全 读 入 图 像 或 因 故 不 


一 img alt 二 ”新疆 喀 纳 斯 湖 !， 


显示 医 寸 , 医 立 置 显 示 文 览 吕 
alt 能 显示 图 像 时 ,图 像 位 置 显 示 文 本 串 。 浏 览 器 可 以 jpg 文件 (2750 bytes)" 汪 


显示 图 像 时 ,alt 属性 不 起 作用 
文本 与 图 像 的 对 齐 方式 ,可取 值 有 : left、 middle、| 二 img align 一 bottom 二 


align 


right top 和 bottom 图 像 底部 与 文本 对 齐 
border 图 像 边框 宽度 (以 像素 为 单位 ),border 二 0 无 边框 一 img border= 3> 
width 和 ee i 世 全 一 img width="105” 
Beight 图 像 的 高 度 和 宽度 (以 像素 为 单位 》 height="75"> 


4.3.2 背景 音乐 标记 一 bgsound 过 


语法 : 
一 bgsound sre 一 “音乐 文件 的 URL” loop 二 音乐 播放 次 数 二 


背景 音乐 标记 过 bgsound 一 可 在 展示 页 面 的 同时 播放 音乐 。 当 属性 loop 一 一 1 表示 
音乐 将 不 断 地 循环 播放 。 
例如 : 


1 1 
二 bgsound src 一 music. wav loop 一 一 1 一 


4.3.3 音乐 和 影像 文件 


语法 : 


一 embed src 一 “音乐 或 影像 文件 的 URL” width 一 宽度 height 一 高 度 autostart 一 是否 自 动 播放 loop 一 
是 否 重复 二 
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< 一 embed 盖 标记 把 音乐 和 影像 嵌入 页 面 : 其 属性 功能 如 下 : 

(1) autostart:autostart 一 true。true 表示 打开 页 面 时 自动 播放 ;no 表示 不 播放 。 默 
认 值 是 no。 

(2) loop:loop 二 true。true 表示 无 限制 重复 播放 ;no 表示 只 播放 一 次 ,默认 值 是 no。 


4.3.4 页 面 多 媒体 技术 应 用 案例 


例 4.3 页 面 代码 ex4-03. html 说 明了 图 像 标 记 的 使 用 ,代码 清单 如 下 : 


二 html 二 一 head 二 
到 title 二 图 像 标记 的 应 用 一 /title 一 

一 /head 一 

二 body 二 

一 img src 一 “ex4-03. jpg”align 一 bottom border 一 1 width 一 "153”height 一 “99” 
alt 一 "新 疆 喀 纳 斯 湖 ,jpeg 文件 (78,138 字 节 ) 全 

二 br 一 新 疆 咯 纳 斯 湖 

二 /body 二 二 /html 一 


当 图 像 能 够 在 浏览 器 中 显示 时 ,显示 如 图 4-5(a) 所 示 ; 当 图 像 因 故 不 能 在 浏览 器 中 显 
示 时 ,显示 如 图 4-5(b) 所 示 。 


ETL] la E3 EL [|E3 

文件 人 @) 编 思 &) 查看 WD) J” 诗 文件 C) 请 咎 查看 Q) 41” 怖 
| 

BE-e 昌 - 国 国 痊 

地 让 四 | 知 ?7:ws 中 国 | 园 于 到 馆 守 光 


图 4-5 图 像 标记 应 用 案例 


例 4.4 页 面 代码 ex4-04. html 说 明了 音乐 文件 的 使 用 ,代码 清单 如 下 : 


=html>=head> 
< 一 title 二 自动 播放 音乐 文件 一 /title 二 
一 /head 一 
一 body 二 
=center> 
自动 播放 音乐 文件 二 br 二 
二 embed src 二 "音乐 文件 . mid” width 一 "307”height 一 "198” 
autostart 一 true loop= true> 


=/body>=/html> 
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注 :“ 音 乐 文件 . mid" 和 页 面 文件 存放 在 同一 目 EeeyeomemeemE 
RC* | 民 


录 下 。 文件 全 ) 编辑 (E) 查看 (四 收藏 四 工具 ( ” 
地 址 (D》 “| 各 | 基础 \ez\ex_nod\ex4-04-html 国 | 贺 苇 到 


在 浏览 器 中 的 运行 效果 如 图 4-6 所 示 , 页 面 显示 


自动 播放 音乐 文件 


时 ,同时 播放 “音乐 文件 . mid” 中 的 音乐 。 

例 4.5 页 面 代码 ex4-05. html 说 明了 影像 文件 的 
使 用 ,代码 清单 如 下 

=html>=head> 

到 title 一 自动 播放 影像 文件 三 /title 一 

=/head> 

=body> 

自动 播放 影像 文件 二 br 二 

一 embed src 一 "影像 文件 . mpg”width 王 "307”height 一 "198"autostart 一 true loop 一 true 一 


一 /body 二 二 /html 二 


读者 可 以 在 浏览 器 中 测试 页 面 效 果 。 


图 4-6 音乐 文件 使 用 案例 


一 center 一 


4.4 表格 与 列表 标记 


4.4.1 表格 标记 二 table 二 … 一 /table 一 


1. 表格 标记 的 使 用 格式 
HTML 中 使 用 二 table 二 标记 建立 表格 , 它 的 使 用 格式 如 下 : 


=table border> 
一 caption 二 表格 标题 二 /caption 二 
< 
-th 一 第 1 列表 头 二 /th 二 二 th 二 第 2 列表 头 二 /th 二 … 一 th 二 第 n 列表 头 二 /th 二 
只/[tr> 
<tr> 
一 td 二 第 1 行 、1 列 表 项 二 /td 二 一 td 二 第 1 行 .2 列表 项 二 /td 二 … 一 td 二 第 1 行 ,n 列表 项 二 /td 请 


</tr> 


> 
二 td 二 第 2 行 、1 列表 项 二 /td 二 二 td 二 第 2 行 .2 列表 项 二 /td 记 … 二 td 二 第 2 行 .n 列表 项 二 /td 二 


< 


一 tr 一 
到 td 盖 第 n 行 1 列表 项 一 /td 一 td 第 n 行 .2 列表 项 一 /td… 一 td 第 n 行 ,n 列 表 项 一 /td 
之 /jir 


=/table> 
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表格 由 过 table 盖 二 caption 二 、 一 tr 二 和 二 td 二 4 个 标记 建立 ,它们 的 作用 如 下 : 

(1) 在 二 table 二 与 二 /table 放 之 间 定 义 表格 标题 、 表 头 及 单元 格 中 的 内 容 。 
二 table 二 标记 具有 属性 border 用 于 设置 边框 的 宽度 , 它 的 取 值 以 像素 为 单位 ,例如 1、2、 
3 等 。 一 table border 二 2 表示 表格 带 有 边框 ,宽度 为 2 个 像素 。 上 默认 值 是 border 王 1, 当 
border 王 0 时 表格 没有 边框 。 

(2) 在 二 caption 二 与 二 /caption 二 之 间 定 义 表格 标题 。 表 格 标题 具有 属性 align， 
align 一 top 表格 标题 位 于 表 首 ,默认 表示 标题 位 于 表 首 ;align 二 bottom 表格 标题 位 于 
表 尾 。 

(3) 每 一 行 以 二 tr 二 开始 ,用 二 /tr 二 结束 。 表 头 元 素 用 二 th 二 二 /th 定义 , 表 头 显 
示 成 黑体 。 

(4) 单元 格 内 容 用 二 td 记 二 /td 二 定义 。 


2. 表格 标记 应 用 案例 
例 4.6 文件 ex4-06. html 制作 了 一 个 课表 ,代码 清单 如 下 : 


二 html 二 二 head 二 
二 title 二 表格 标记 应 用 案例 二 /title 二 
=</head> 
一 body 二 
二 table border=2> 
一 caption 二 0705331 课表 二 /caption 二 
< 
二 th 二 节 次 二 /th 二 二 th 二 星期 一 二 /th 二 二 th 二 星期 二 二 /th 二 二 th 二 星期 三 二 /th 二 二 th 
星期 四 一 /th 二 一 th 二 星期 五 二 /th 二 
He 
< tr 
一 td 二 1.2 一 /td> 二 td 二 英语 二 /td 二 二 td 二 操作 系统 二 /td 二 二 td 二 网 络 基础 二 /td 
二 td 二 英语 二 /td 二 
二 td 二 数据 库 原理 二 /td 二 
一 /tr 
< 一 tr 一 
< 一 td>3、 4 一 /td> 一 td>Java 一 /td> 一 td> 数 据 库 原理 一 /td 之 一 td 实验 一 /td 
一 td 盖 Java 一 /td 一 td 二 操作 系统 一 /td 二 
一 /tr> 
< 二 好 -> 
< 一 td>5.6 一 /td 一 td 盖 网 络 基础 二 /td 二 td> 实 验 二 /td 二 td> 实 验 一 /td 一 
<td> 实 验 一 /td> 
一 /tr 
一 /table 二 
=/body>=/html> 


在 浏览 器 中 的 显示 效果 如 图 4-7 所 示 。 
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也 表 格 标记 应 用 案例 le 
; 文件 于) ”编辑 (E) 查看 (四 收藏 人 8) 工具 (IT) 帮助 (本 [3 
;地址 (D) “=| 侈 )8 第 二 版 Web 技术 应 用 基础 \ex\ex_Dod\exd-06. htm1 国 | 加 苇 到 


0705331 课 表 
节 次 星期 一 “| 星期 二 | 星期 三 ”| 星期 四 ”| 星期 五 
拷 _2 席 语 胎 作 系统 “网络 基础 英语 数据 库 原理 


3、4 [Java ”” 居 据 库 原理 | 实验 ” [Tava 操作 系统 
5、6 网 络 基础 | 实验 医 验 实验 


图 4-7 课表 


4.4.2 列表 标记 


在 制作 网 页 时 ,使 用 列表 可 以 使 页 面 布 局 清晰 明了 。HTML 提供 了 三 种 类 型 的 列 
表 : 二 ul 二 标记 定义 无 序列 表 (unorder list) ;二 ol 请 标记 定义 有 序列 表 (order list) ;一 dl 二 标 
记 定 义 定义 列表 (description list)。 在 列表 中 的 每 一 项 以 标记 二 li 一 开始 ,标记 二 /li 二 结 
束 。 列 表 可 以 嵌 套 使 用 ,一 个 列表 中 的 列表 项 又 可 以 是 一 个 列表 。 


1. 无 序列 表 标 记 一 岂 二 … 一 /过 


使 用 二 ul 二 标记 定义 一 个 无 序列 表 , 一 ul 二 需要 使 用 尾 标记 二 /ul 过。 它 具 有 属性 
type,type 可 以 取 以 下 值 : 

type 一 disk: 加 重 符号 是 实心 圆 点 (默认 ) 。 

type 一 circle: 加 重 符号 是 空心 圆 点 。 

type 一 sdquare: 加 重 符号 是 实心 方块 。 

例 4.7 本 例 说 明了 无 序列 表 标 记 的 使 用 ,页 面 代 码 ex4-07. html 清单 如 下 : 


=head> 
二 title 志 无 序列 表 标 记 应 用 案例 二 /title 二 
=/head> 
=body> 
< 一 h4 二 无 序列 表 1 一 /h4 二 
=ul> 
二 li 二 hs 二 第 一 项 。<=/h5 二 </li> 
一 li 二 二 h5 二 第 二 项 。<=/h5 二 </li> 
=</ 
一 h4 二 无 序列 表 2 二 /h4 二 
一 ul type=circle> 
二 li 二 hs 二 第 一 项 。<=/h5 二 </l> 
一 li 一 一 h5 二 第 二 项 。 一 /h5 二 一 /1 一 
< 一 /ul 一 
=/body>=/html> 
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该 页 面 代 码 在 浏览 器 中 的 显示 效果 如 图 4-8 所 示 。 EE 2 E23 [s]|Ed 
2. 有 序列 表 标 记过 ol 一 … 二 /ol 一 


使 用 二 ol 二 标记 定义 一 个 有 序列 表 , 列 表 中 各 项 的 序 
列 号 由 浏览 器 自动 给 出 。 二 ol 二 需要 使 用 尾 标 记 二 /ol 记 。 

有 序列 表 标 记 二 ol 二 有 属性 type 和 start。 属 性 type 
可 以 取 以 下 值 。 

type 王 1: 默认 值 ,用 数字 1、2、3 等 标识 各 项 。 

type 二 A: 用 大 写字 母 A、B、C 等 标识 各 项 。 

type 二 a: 用 小 写字 母 a、b、c 等 标识 各 项 。 

type 一 I: 用 大 写 罗马 字母 标识 各 项 。 图 4-8 无 序列 表 标记 应 用 案例 

type 二 i: 用 小 写 罗 马 字母 标识 各 项 。 

用 start 属性 指定 列表 从 哪个 数字 开头 ,例如 type 一 A 的 有 序列 表 , 如 果 令 start 一 3， 
这 个 列表 的 第 一 项 将 从 CC 开始, 以 下 为 D.E、F 等 。 

< 一 li 一 标记 可 以 具有 属性 value, 它 把 这 一 项 的 列表 编号 指定 为 特定 值 。 

例 4.8 本 例 说 明 无 序列 表 标 记 的 使 用 ,页 面 代码 ex4-08. html 清单 如 下 : 


<html>=head> 
<title 之 有 序列 表 标 记 应 用 案例 一 /title 二 
=/head> 
一 body 二 
< 一 h3 二 有 序列 表 的 属性 一 /h3 二 
于 ol type=I> 
一 li 一 一 h4 二 有 序列 表 标 记 具 有 属性 start. 指 定 列 表 编 号 的 开头 值 。 二 /h4 二 
< 一 li 一 一 h4 二 有 序列 表 标 记 具 有 属性 type 二 /h4 二 
一 ol type 一 1 start 一 6 二 
<1i 盖 和 hs 之 type 一 1 默认 值 , 用 数字 1、2、3 等 标识 各 项 。 志 /h5 二 一/1i 一 
< 一 li 一 一 h5 过 type 一 A, 用 大 写字 母 A、B、C 等 标识 各 项 。 一 /h5 二 一 /li 二 
一 li 一 一 h5 二 type 一 a, 用 小 写字 母 a、bc 等 标识 各 项 。 一 /h5 之 一 /li 一 
一 li 一 一 h5 二 type 一 I. 用 大 写 罗 马 字 母 标识 各 项 。 一 /h5 二 一 /li 一 
一 li value 一 3 二 一 h5 二 type 一 1 用 小 写 罗 马 字 母 标 识 各 项 。 一 /h5 二 一 /li 二 
一 /ol 
=/ol> 
=/body>=/html> 


图 4-9 是 该 页 面 代 码 在 浏览 器 中 的 显示 效果 。 
3. 定义 列表 标记 二 dl 一 … 一 /dl 一 
语法 : 


二 di 一 
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委 有 序列 表 标 记 应 用 案例 - Microsoft In -- 记 上 品 I 区 | 
# 文件 E) ”编辑 (E) 查看 (四 收藏 4) 工具 (I) 帮助 (B 
;地址 WD) -| 铭 2008 第 二 版 Web 技 术 应 用 基础 vex\ex_Dod\ex4-08. htm1 国 | 加 革 到 


有 序列 表 的 属性 
I， 有 序列 表 标记 具有 属性 start, 指定 列表 编号 的 开头 值 。 
II. 有 序列 表 标 记 具 有 属性 type 
6、type 一 1， 缺 省 值 。 用 数字 1、2、3 等 标识 各 项 。 
。 type 一 4A， 用 大 瑟 字母 4&、B、C 等 标识 各 项 。 
。 type 一 a， 用 小 写字 母 a、b、c 等 标识 各 项 。 


.。 type 一 I， 用 大 写 罗马 字母 标识 各 项 。 


type 一 i， 用 小 写 罗马 字母 标识 各 项 。 


图 4-9 有 序列 表 标 记 应 用 案例 


二 dt 二 术语 二 dd 二 术语 的 定义 1 

二 dd 二 术语 的 定义 2 
二 dt 二 术语 二 dd 二 术语 的 定义 
=/dl> 


定义 列表 的 每 一 项 由 两 部 分 组 成 : 一 部 分 是 术语 ; 另 一 部 分 是 术语 的 定义 。 定 义 列 
表 由 始 标记 过 dl 二 开始 ,以 尾 标记 二 /dl 之 结束。 表 中 可 以 有 若干 个 列表 项 ,每 个 列表 项 
有 了 两 个 元 素 : 术语 用 二 dt 二 标记 描述 ;定义 用 二 dd 二 标记 描述 。 定 义 列表 标记 二 dl 二 可 
以 有 属性 compact, 该 属性 使 术语 和 它 的 定义 在 同一 行 显示 。 

例 4.9 本 例 说 明了 定义 列表 标记 的 使 用 ,ex4-09. html 代码 清单 如 下 : 


一 html 二 一 head 一 
<title 之 定义 标记 应 用 案例 一 /title 一 
一 /head 二 
一 body 二 
二 h3 二 定义 列表 的 使 用 二 /h3 二 
~dl> 
二 dt 二 一 b 二 列表 一 /b 二 一 dd 二 数据 项 的 有 序 集合 。 
二 dt 一 b 二 标号 二 /b 二 二 dd 程序 中 指令 的 标识 符 。 
一 dd 二 磁盘 文件 的 标识 说 明 记 录 。 
二 dd 二 数据 集中 或 附加 在 数据 集 上 的 字符 . 它 包括 数据 集 的 信息 。 
< 到 /dl 
=dl compact> 
一 dt 二 一 b 二 列表 一 /b 二 二 dd 二 数据 项 的 有 序 集合 。 
=/dl> 
=/body>=/html> 
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图 4-10 是 该 页 面 代 码 在 浏览 器 中 的 显示 效果 。 


下 定义 标记 应 用 案例 - Microsoft Intern .人间 I 多 
i 文件 EE) 编辑 (E) 查看 (Y) 收藏 (4) 工具 (ID) 帮助 (EH) 
地址 WD) -| 科 2008 第 二 版 eb 技术 应 用 基础 \ex\ex_D04\ex4-09. htn1 国 | 


定义 列表 的 使 用 


表 
_ 数据 项 的 有 序 集合 。 
程序 中 指令 的 标识 符 。 
磁盘 文件 的 标识 说 明 记录 。 
数据 集中 或 附加 在 数据 集 上 的 字符 ， 它 包括 数据 集 的 信息 .。 


列表 数据 项 的 有 序 集合 。 


图 4-10 定义 列表 标记 应 用 案例 


4.5 ”起 链 接 标记 


超 链 接 标 记 是 超 文 本 的 基本 结构 , 它 可 以 从 当前 Web 页 面 定 义 的 位 置 跳 转 到 其 他 位 
置 , 包 括 同 一 页 面 的 其 他 位 置 、Internet 上 的 另 一 个 Web 页 面 、 本 地 硬盘 或 局 域 网 上 的 文 
件 、 声 音 或 图 像 文件 .FTP 或 Telnet 站 点 、 电 子 信 箱 等 。 


4.5.1 超 链接 标记 二 a 二 … 二 /a 二 


语法 : 
一 ahref 一“"URL “一 超 链接 显示 内 容 二 /a 一 


超 链接 标记 二 a 二 的 属性 href 指明 所 要 链接 资源 的 URL ,在 标记 二 a 二 和 二 /a 二 之 间 
的 内 容 是 链接 点 , 单 击 链 接点 网 页 跳 转 至 href 指明 的 资源 处 。 

例 4. 10 ex4-10. html 和 ex4-10_1. html 演示 了 不 同 Web 页 面 之 间 的 链接 ,ex4-10. html 
文件 代码 清单 如 下 : 


二 html 二 二 head 一 

二 title 二 超 链 接 标记 应 用 二 /title 二 

=/head> 

=body>=center> 

一 a href 一 "ex4-10_1. html' 一 下 一 页 一 /a 二 一 p 二 

一 a href 一 "ex4-10_1. html' 盖 一 img src 一 "ex4-03. jpg” width 一 82 height 一 62 二 一 /a 盖 一 bp 二 
超 链接 标记 的 功能 一 /center 一 

/body> 

=/html> 


78 | 一 一 一 一 一 一 一 一 一 Web 技术 应 用 基础 (第 2 版 ) 


ex4-10_1. html 文件 代码 清单 如 下 : 


< 王 html 一 一 head 一 

二 title 二 超 链接 标记 应 用 二 /title 二 

=/head> 

bedy> 

一 a href 一 "ex4-10. html 盖 上 一 页 一 /a 盖 一 pb 二 

超 链 接 标 记 是 超 文 本 的 基本 结构 , 它 可 以 从 当前 Web 页 面 定 义 的 位 置 跳 转 到 其 他 位 置 ,包括 同一 
页 面 的 其 他 位 置 .Internet 上 的 另 一 个 Web 页 面 、 本 地 硬盘 或 局 域 网 上 的 文件 .声音 或 图 像 文件 、 
FTP 或 Telnet 站 点 、 电 子 信箱 等 。 

=/body>=/html> 


ex4-10. html 和 ex4-10_1. html 在 浏览 器 中 的 显示 结果 见 图 4-11, 在 文件 ex4- 


10. html 显示 的 页 面 上 ( 见 图 4-11(a)) 单 击 “ 下 一 页 "或 图 像 时 , 即 可 链接 到 由 ex4-10_1. 
html 文件 显示 的 网 页 ( 见 图 4-11(b))。 


当 超 链接 标记 . - 。 [| 加 | 区 | 3 汪 超 链接 标记 应 用 =- Micros 
; 文件 EE 扎 竹 (5) 豆 看 六 ” 万 文件 全 入 tE) 址 看 人 Y) 。 怕 基 
地址 人 @ “| 大 4-10.h+r1 国 | 加 罕 到 地址 仙 ) ~ 重逢 基础 vex\ex_Dnd\exd-10_1.html 国 | 回 苇 到 


上 一 页 
各 外 它 可 以 从 当前 
首 况 苇 到 


他 世 置 ， 和 包括 同一 页 
+ 上 的 另 一 个 Web 页 面 、 本 


et 上 
加 文件 、 声 音 或 图 像 立 件 、FTP 
子 信和 等 。 


图 4-11 超 链 接应 用 案例 


4.5.2 同一 页 面 间 的 链接 


提供 了 一 


当 Web 页 面 比较 大 跨越 几 个 屏幕 时 ,为 阅读 方便 ,可 以 设置 页 面 内 的 超 链接 ,相当 于 
屏幕 滚动 功能 。 语 法 

一 a name 一 " 超 链接 目标 名 称 " 一 目标 内 容 二 /a 一 

二 a href 二 ”# 超 链接 目标 名 称 二 超 链接 显示 内 容 二 /a 二 


例 4.11 文件 ex4-11. html 说 明了 同一 页 面 间 链 接 的 应 用 ,具体 代码 如 下 : 


一 html 二 二 head 二 
二 title 二 同一 页 面 间 的 链接 一 /title 二 
=/head> 
<body> 
< 一 hl 二 Web 技术 应 用 基础 二 /hl 二 
一 a href 一 "# 第 1 章 " 盖 第 1 章 Web 技术 概述 一 /a 二 一 p 二 
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一 a href 一 "# 第 2 章 二 第 2 章 Web 应 用 环境 构建 技术 二 /a 二 二 pp 二 
二 a href 二 ”# 第 3 章 二 第 3 章 基于 Web 方式 的 信息 系统 开发 案例 二 /a 二 二 p 二 
二 a name 一 "第 4 章 标题 "href 一 "# 第 4 章 ” 二 第 4 章 HTML 一 /a> 一 p 二 
二 a href 一 ”# 第 5 章 二 第 5 章 CSS 一 /a> 一 p> 
二 a href 二 "# 第 6 章 "二 第 6 章 XML 一 p> 
< 一 a href 二 ”# 第 7 章 二 第 7 章 JavaScript 一 /a 二 一 p 二 
一 a href 二 ”# 第 8 章 二 第 8 章 Web 数据 库 编程 技术 二 /a 二 二 p 二 
一 a href 二 ”# 第 9 章 二 第 9 章 JSP 技术 应 用 二 /a 二 二 pp 二 
一 a href 一 "# 第 10 章 " 二 第 10 章 ASP 技术 应 用 一 /a 字 一 p 二 
二 a href 一 "# 第 11 章 二 第 11 章 综合 实 训 二 /a> 一 p> 
< 一 a name 一 "第 4 章 ”href 一 "# 第 4 章 标题 "二 第 4 章 HTML 一 /a> 二 br> 
4.1 HTML 概述 二 br 二 
4.2 HTML 页 面 修饰 标记 二 br 二 
4.3 页 面 多 媒体 技术 二 br 二 
4.4 表格 与 列表 标记 二 br 二 
4.5 超 链 接 标 记 二 br 二 
4.6 表单 标记 二 br 二 
4.7 窗口 框架 标记 二 br 二 
=/body>=/html> 


页 面 显 示 结 果 如 图 4-12 所 示 。 


ER - ... 
文件 (E) 编 生 全) 本 看 ( 马 。 贞 区 [) 


马 同一 页面 间 的 链接 ~- ...[ 人 上 区 | 


地址 他) “| 各 D04/ cz4-11.krnls 第 4 齐 国 | 加 苇 到 


第 8 章 _ JSP 技术 应 所 


第 4 章 开刀 应 用 
第 5 章 CSS 技 术 与 XML 技术 应 用 


avaScript 


(b) 
图 4-12 同一 页 面 间 超 链 接应 用 案例 


单 击 图 4-12(a) 的 “第 4 章 HTML 应 用 ”文本 , 即 可 跳 转 到 网 页 中 具有 目标 名 二 a 
name 一 "第 4 章 ” href 二 "# 第 4 章 标题 "二 第 4 章 HTML 一 /a> 标 记 的 位 置 , 如 图 4-12(b) 
所 示 。 

4.5.3 链接 电子 信箱 
语法 : 
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二 a href== 电子 信箱 地 址 ”二 链接 文本 二 /a 二 
例如 ,下 面 语句 建立 了 一 个 电子 信箱 的 超 链 接 , 单 击 “ 联 系 我 们 ” 即 可 发 信 : 


一 a href 一 “mailto:aaaa@buu. com. cn 一 联系 我 们 二 /a 二 


4.5.4 超 链 接应 用 案例 


应 用 超 链接 可 以 应 用 多 种 协议 链接 到 其 他 网 站 ,也 可 以 链接 到 其 他 文件 ,例如 音乐 和 
影像 文件 。 

例 4.12 文件 ex4-12. html 上 有 四 个 超 链 接 , 分 别 链 接 到 北京 联 大 主页 、 电 子 信箱 、 
播放 音乐 或 影像 文件 ,具体 代码 如 下 : 


二 html 二 二 head 二 
二 title 二 超 链 接应 用 案例 二 /title 二 
=/head> 
=body> 
一 a href 一 "http://www. buu. edu. com' 二 联 大 主页 二 /a 一 p 二 
一 a href 一 "mailto :aaaa@buu. com. cn’> aaaa@buu. com. cn 一 /a 二 一 pb 二 
二 a href==" 音 乐 文件 . mid" 二 播放 音乐 文件 一 /a 二 一 p 二 
二 a href 一 “影像 文件 . mpg" 二 播放 影像 文件 二 /a 二 二 p 二 
=/body>=/html> 


文件 ex4-12. html 在 浏览 器 中 的 显示 效果 如 图 4-13(a) 所 示 , 依 次 单 击 页 面 上 的 超 链 
接 , 将 分 别 链接 到 北京 联 大 主页 .电子 信箱 .播放 音乐 文件 或 影像 文件 ,图 4-13(b) 显 示 链 
接 电 子 信 箱 。 文 件 ex4-12. html 中 的 二 a href 二 ”http://www. buu. edu. com' 二 联 大 主页 
一 /a> ,表示 使 用 http 协议 链接 到 www. buu. edu. com 网 页 ;二 a href 一 “mailto: aaaa@ 
buu. com. cn 这 aaaa@buu. com. cn 二 /a 二 表示 使 用 mailto 发 送 电子 邮件 到 aaaa@ buu. 


com. cn 信箱 。 


i 文件 钠 桥 {8) 二 看 (D2| 


国人: [assbuu concn] 


国 抄 送 : 


图 4-13 超 链 接应 用 案例 
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4.6 表单 标记 
4.6.1 表单 的 功能 


去 form 盖 标记 在 页 面 中 产生 表单 ,表单 提供 了 用 户 与 Web 服务 器 的 信息 交互 功能 ， 
是 动态 Web 技术 的 要 素 之 一 。 表 单 接收 用 户 信 息 , 并 把 信息 提交 给 服务 器 ,然后 由 服务 
器 端的 应 用 程序 处 理 信 息 ,把 处 理 结 果 返 给 用 户 并 向 用 户 显 示 。 通 过 交互 性 ,可 以 在 网 上 
完成 注册 个 人 信息 、 检 索 信 息 和 购物 等 活动 。 

表单 的 定义 标记 是 二 form> 盖 ,表单 中 包含 的 三 个 基本 控制 标记 是 过 input 二、 
< 一 select 二 和 一 textarea 二 。 


4.6.2 表单 定义 标记 二 form… 一 /form> 
语 法 
一 form method 一 “post| get” action 一 "URL” enctype ="type’> =/form> 


< 一 form 过 标记 具有 三 个 属性 。 

。 action : 用 来 指定 完成 表单 信息 处 理 任务 服务 器 程序 的 完整 URL ,例如 http:// 
www. buu. edu. cn/bin/ReaderNote. jsp。 

。 method: 指定 表单 中 输入 数据 的 传输 方法 , 它 的 取 值 是 get 或 post, 默 认 值 是 
get。 当 method 王 get 时 ,表示 将 表单 中 输入 数据 打包 后 加 到 在 action 中 指定 的 
URL 后 面 。post 与 get 的 功能 相似 ,只 是 post 将 表单 中 的 数据 和 调用 程序 分 开 
发 送 ,一 般 来 讲 使 用 post 比较 安全 。 

。 enctype: 指定 表单 中 输入 数据 的 编码 方法 。 在 method 王 post 情况 下 才 有 效 。 


4.6.3 输入 标记 二 input 二 


二 input 二 标记 定义 输入 控件 , 它 的 类 型 由 type 属性 来 确定 。 
语法 : 

二 input type 一 控件 类 型 ”name 一 控件 名 称 … 二 

< 一 input 二 标记 的 属性 如 下 。 

。 name: 定义 控件 的 标识 。 

。 value: 提供 控件 输入 域 的 初始 值 。 

。 maxlength: 定义 控件 输入 域 中 允许 输入 的 最 多 字符 数 。 
。 size: 定义 控件 输入 域 的 大 小 。 

。 checked: 提供 复 选 框 和 单 选 按钮 的 初始 状态 。 
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。 URL 和 align: 指定 在 图 像 按钮 中 使 用 的 图 像 所 在 位 置 CURL) 和 图 像 的 对 齐 
户 式 。 

。 type: 用 以 指定 控件 的 类 型 ,例如 text( 文 本 框 ) radio( 单 选 按钮 ) 等 ,默认 值 是 
text。 属 性 type 的 取 值 及 它们 的 意义 见 表 4-6。 


表 4-6 type 组 件 类 型 


type 组 件 类 型 组 件 名 称 及 作用 
button 按钮 ,可 以 创建 提交 按钮 .复位 按钮 和 普通 按钮 
text 文本 框 ,接收 任何 形式 的 输入 ,如 字母 .数字 等 
Password 口令 框 ,用 *。 ”号 代替 输入 字符 的 显示 
checkbox 复 选 框 , 提 供 多 项 选择 
radio 单 选 按 钮 ,提供 单项 选择 
submit 提交 按钮 , 单 击 提交 按钮 ,发 送 表单 信息 提交 服务 器 
image 图 像 按 钮 , 单 击 图 像 ,发 送 表 单 信息 提交 服务 器 
reset 复位 按钮 ,把 表单 上 的 组 件 值 恢复 为 默认 值 
hidden 隐藏 表单 组 件 ,把 表单 中 一 个 或 多 个 组 件 隐 藏 起 来 
textarea 多 行文 本 框 
file 上 载 文件 


4.6.4 ”列表 框 标记 二 select 二 … 二 /select 二 
语法 : 


一 select name 二 "下拉 列表 框 名 称 ”size 二 下拉 列表 框 显示 的 条 数 ” 二 
一 option value 一 "控件 的 初始 值 ” selected 二 选项 描述 
一 option value 一 “控件 的 初始 值 ” 二 选项 描述 


= /select—> 


使 用 过 select 二 标记 定义 下 拉 式 列表 框 和 滚动 式 列 表 框 ,过 select 二 标记 具有 三 个 
属性 。 

。 name: 指定 列表 框 的 名 字 。 

。 size: 定义 列表 框 显 示 的 条 数 , 也 就 是 一 次 可 以 看 见 的 列表 项 的 数目 。 

。 multiple: 允许 进行 多 项 选择 。 

使 用 一 select 二 标记 定义 列表 框 时 ,由 过 option 二 标记 定义 列表 框 的 各 个 选项 。 
一 option 过 标记 具有 以 下 属性 。 

。 selected: 表示 该 项 预先 选 定 。 
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。 value: 指定 控件 的 初始 值 。 
4.6.5 多 行文 本 框 标 记 二 textarea 二 … 二 /textarea 二 


语法 : 
一 textarea cols 一 文本 宽度 rows 二 文本 区 行 数 二 … 一 /textarea 一 


二 textarea 记 标记 的 作用 与 文本 框 类 似 , 用 来 输入 文本 信息 ,其 中 cols 属性 以 字符 为 
单位 。 


4.6.6 表单 标记 应 用 案例 


例 4.13 ex4-13. html 说 明了 表单 标记 的 使 用 ,代码 清单 如 下 : 


二 html 一 一 head 一 
二 title 二 表单 标记 应 用 案例 二 /title 二 
=/head> 
=body> 
一 form method 一 “post action= "travel. asp’> 
请 输入 姓名 : 一 input type 一 text name 一 "txtname” size 一 12 maxlength 一 6 二 一 p 二 
请 输入 密码 : 一 input type 一 password name 一 "pasname”size 一 12 maxlength 一 6 二 一 p 二 
上 载 的 文件 : 一 input type 一 file name 一 "filename”size 一 12 maxlength 一 6 二 一 p 二 
性 别 : 一 select name 一 "性 别 "一 
一 option 二 男 
一 option 二 女 
一 /select 一 一 p> 
请 选择 旅游 城市 ,可 做 多 项 选择 
一 input type 一 checkbox name 一 " 复 选 框 1”checked 二 北京 
一 input type 王 checkbox name 一 " 复 选 框 2” 二 上 海 
一 input type 一 checkbox name 一 " 复 选 框 3” 二 西安 
一 input type 一 checkbox name 一 " 复 选 框 4” 二 昆明 一 p 二 
请 选择 付款 方式 
一 input type 一 radio name 一 " 单 选 按钮 1” 二 信用 卡 
一 input type 一 radio name 一 " 单 选 按钮 ] "checked 二 现金 一 p 二 
留言 : 一 p> 
< 一 textarea cols 一 50 rows 一 4 二 请 与 我 们 联系 一 /textarea 二 一 p 二 
二 input type 一 reset name 一 "复位 按钮 ”value 一 "复位 "一 
一 input type 一 submit name 一 "提交 按钮 ”value 一 "确定 "一 
=/form> 
=/body>=/html> 


页 面 在 浏览 器 中 的 显示 效果 如 图 4-14 所 示 。 
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请 输入 姓名 ， 


请 输入 密码 : 
上 载 的 文件 : 

性 别 ， 区 转 

请 选择 旅游 城市 ， 可 做 多 项 选择 回 北京 口 上 海 口 西安 口 昆明 
请 选择 付款 方式 @ 信用 卡 @ 现金 

留言 ， 


请 与 我 们 联系 


图 4-14 表单 标记 应 用 案例 


4.7 窗口 框架 标记 


使 用 窗口 框架 可 以 把 浏览 器 窗口 划分 成 几 个 大 小 不 同 的 子 窗口 ,每 个 子 窗口 显示 不 
同 的 页 面 ,可 以 在 同一 时 间 浏 览 不 同 的 页 面 。 


4.7.1 窗口 框架 的 建立 


在 建立 窗口 框架 时 , 先 要 定义 一 个 框架 集 ,然后 逐个 定义 每 个 窗口 。 

语法 : 

一 frameset rows 一 “ 行 高 列表 ”cols 一 " 列 宽 列表 ”frameborder 一 0|11 border 一 n bordercolor 一 颜色 二 … 

一 /frameset 一 

一 frameset 二 属性 应 用 如 下 。 

。 rows: 说 明 窗 口水 平分 割 情 况 .“ 行 高 列表 ”是 一 组 用 “, ”分开 的 数值 ,可 以 用 百 分 
数 来 表示 ,也 可 以 用 像素 表示 ,指定 了 各 子 窗口 的 高 度 。 

。 cols: 说 明 窗 口 垂直 分 割 情况 “ 列 宽 列表 ?也 是 一 组 用 ", ”分 开 的 数 ,定义 了 各 子 
窗口 的 宽度 。 

。 frameborder: 属性 指定 框架 中 所 有 子 窗口 是 否 显示 边框 ,0 是 不 显示 边框 ,1 是 显 
示 边 框 。 

。 border: 指定 分 割 窗口 框架 的 宽度 ,以 像素 为 单位 。 
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。 bordercolor: 指定 框架 的 颜色 。 


4.7.2 子 窗口 的 建立 


< 一 frame 盖 标记 定义 子 窗口 。 
语法 : 


一 frame src 二 " 子 窗口 显示 文件 的 URL ”name 一 “ 子 窗 口 名 称 ' 一 … 二 /frame 一 


4.7.3 窗口 框架 使 用 案例 


例 4.14 本 例 说 明了 窗口 标记 的 使 用 。 
(1) 框架 集 ex4-14. html 的 代码 清单 如 下 : 


一 html 二 二 head 一 
二 title 二 窗口 框架 应 用 案例 二 /title 二 
=/head> 
一 frameset rows="30%, * ”border 一 5 二 
一 frame src 一 "top. html” name="top’> 
一 frameset cols="30%, * "一 
一 frame src="left. html” name 一 "left 一 
一 frame src 一 "right. html” name 一 "main 一 
=/frameset> 
=/f{rameset> 
=/html> 


(2) 顶层 子 窗口 top. html 的 代码 清单 如 下 : 


二 html 二 二 head 一 
二 title 二 网 上 书店 二 /title 二 二 /head 二 
=body>=center> 
一 font face 二 "华文 彩云 ”size 二 7 color 王 blue 一 一 网 上 书 店 二 /一 一 /center 一 
=/body>=/html> 


(3) 左边 子 窗口 left. html 的 代码 清单 如 下 : 


二 html 一 二 head 一 
二 title 二 网 上 书店 二 /title 二 二 /head 二 
=body>=center> 
二 a href 一 "ex4-02. html” target 一 “main "一 页 面 修饰 标记 的 应 用 一 /a 二 一 p 二 
一 a href 一 “ex4-08. html' target 一 “main' 盖 无 序列 表 标 记 的 应 用 一 /a 二 一 pb 二 二 /center 二 
body 
=/html> 


86 一 一 一 一 一 一 一 一 一 Web 技术 应 用 基础 (第 2 版 ) 


其 中 超 链 接 标记 二 a 二 的 target 属性 指明 链接 到 的 子 窗口 的 名 称 。 
(4) 右边 子 窗口 设置 了 一 幅 背 景 图 片 ,right. html 的 代码 清单 如 下 : 


< 一 html 之 一 head 一 

< 一 title 二 网 上 书店 二 /title 二 一 /head 一 
一 body background 一 "backl. gif 一 
/> 
=/html> 


页 面 在 浏览 器 中 的 显示 效果 如 图 4-15 所 示 。 
当 窗口 框架 应 用 案例 - Microsoft Internet Explorer 


; 文件 E) 编辑 (E) 查看 (四 收藏 (8&) 工具 (TI) 帮助 (0 
; 地 址 加) -| 酸 D:\2008 第 二 版 Web 技 术 应 用 基础 \ex\ex_D04\ex4-14.htnl ”万 输入 中 


页 面 修饰 标记 的 应 有 序列 表 的 属性 


活 序 列表 标记 的 应 用 I. Ns 指定 列表 编号 的 开 


II， 有 序列 表 标 记 具 有 属性 type 
6，type 一 1， 缺 省 值 ， 用 数字 1、2、3 等 标识 各 项 。 


7.。type 二 A， 用 大 写字 母 A、B、C 等 标识 各 项 。 


图 4-15 窗口 框架 应 用 案例 


4.8 HTML 应 用 案例 


4. 8.1 页 面 动 态 刷 新 


页 面 动态 刷新 功能 使 一 个 页 面 停留 几 秒 钟 后 ,自动 跳 转 到 另 一 个 页 面 。 
语法 : 

二 meta http-equiv 一 “refresh” content 一 " 秒 数 ;URL 王 目标 网 址 "一 

例 4.15 说 明 页 面 动态 刷新 功能 的 ex4-15. html 代码 清单 如 下 : 


二 html 二 二 head 一 
一 meta http-equiv= "refresh” content=6;URL=ex4-14. html> 
一 title 二 页 面 动态 刷新 功能 案例 二 /title 二 

=/head> 

=body 二 
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6 秒 钟 后 自动 跳 转 到 “网 上 书店 ”页 面 
=/body>=/html> 


读者 可 以 自行 在 浏览 器 中 测试 该 页 面 的 显示 效果 。 


4.8.2 文字 移动 


在 页 面 中 显示 移动 的 文字 ,也 称 走马 灯 。 
语法 : 


一 marquee height= n width = n direction = left | right | up | down behavior = scroll | slide | alternate 
bgcolor 王 颜色 二 


一 marquee 二 标记 的 属性 功能 如 下 。 
(1) height: 走马 灯 的 高 度 , 以 像素 为 单位 。 
(2) width: 走马 灯 的 宽度 ,以 像素 为 单位 。 
(3) direction: 文字 移动 方向 。 
(4) behavior: 控制 文字 移动 方式 。 
scroll: 文字 从 右 向 左 移动 。 
slide: 文字 从 左 向 右 移 动 。 
alternate: 移动 的 文字 在 走马 灯 范 围 内 来 回 移动 。 
(5) bgcolor: 走马 灯 的 背景 颜色 。 
例 4. 16 说 明文 字 移 动 功能 的 文件 ex4-16. html 代码 清单 如 下 : 


=html>=head> 
二 title 二 文字 移动 功能 案例 二 /title 二 
</head> 
< 一 body 二 一 center 一 
一 marquee height=50 width 一 400 direction= right behavior= alternate bgcolor= # ddffff 一 
一 font face 二 "隶书 ”size 二 5 color 王 red 二 Web 技术 应 用 基础 一 /font 一 
一 /marquee 二 二 /center 一 
一 /body 二 一 /html 二 


ex4-16. html 代码 在 浏览 器 中 的 显示 效果 如 图 4-16 所 示 ,文字 ”Web 技术 应 用 基础 ” 
在 屏幕 上 移动 显示 。 


急 文 字 移 动 功能 案例 - Microsoft I... 于 上品 | 区 | 
; 文件 人) 编辑 (E) 查看 (Z) 收藏 (8&) 工具 (TI) 帮助 (B) 
多 :版 Web 技 术 应 用 基础 \vex\ex_D0d\ex4-16.html 国 


Web 技 术 应 用 基础 


图 4-16 文字 移动 


88 一 一 一 一 一 一 一 一 一 Web 技术 应 用 基础 (第 2 版 ) 


4.8.3 浮动 窗口 


在 页 面 内 创建 一 个 浮动 窗口 。 
语法 : 


二 iframe 一 
有 关 浏 览 器 不 支持 浮动 窗口 的 文字 说 明 
=/iframe— 


去 iframe 盖 标记 在 页 面 内 部 创建 一 个 浮动 窗口 ,使 用 方法 与 二 frame 二 标记 类 似 。 
例 4.17 说 明 浮 动 窗口 功能 的 文件 ex4-17. html 代码 清单 如 下 : 


二 html 二 一 head 二 
二 title 二 浮动 窗口 应 用 案例 二 /title 二 

=/head> 
body>=center> 

一 iframe name 一 “float 一 

浮动 窗口 

二 /iframe 二 一 p 二 

二 a href 二 ”ex4-02. html” target 一 “float 一 页 面 修 饰 标 记 的 应 用 一 /a 二 二 p 二 

二 a href 一 "ex4-08. html” target 一 “float 全 无 序列 表 标 记 的 应 用 二 /a 二 二 p 二 二 /center 二 
一 /body 二 二 /html 二 


ex4-17. html 代码 在 浏览 器 中 的 显示 效果 如 图 4-17 所 示 。 
钮 浮动 窗口 应 用 案例 - Microsoft In... 人 


文件 (E) 编辑 (E) 查看 (人 收藏 他 ) 工具 (IT) 帮助 (HD) 
EE 地址 (D) =| 爸 | 5 二 版 Web 技 术 应 用 基础 vex\ex_Dod\ex4-17.html 国 | 


显示 2 号 标题 字 上 
显示 蓝 色 隶书 字体 | 


a8aa@buu. com cn (是 示 增 在 ) | 
人 了 FREE 人 


图 4-17 浮动 窗口 


4.8.4 在 页 面 中 谱 人 Java 小 程序 


Java 小 应 用 程序 是 用 Java 语言 编写 的 一 段 代 码 , 它 被 徐 入 HTML 页 面 中 ,在 浏览 器 
环境 中 运行 。 
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语法 : 
一 applet code 一 Applet 文件 名 称 width 一 宽度 height 王 高 度 二 … 一 /applet 一 
例 4.18 说明 过 applet 一 标记 使 用 方法 的 文件 ex4-18. html 代码 清单 如 下 : 


< 玫 html 之 一 head 一 
< 一 title 二 在 页 面 中 嵌入 Java 小 程序 二 /title 二 
一 /head 一 
二 body 二 
一 hr 一 
一 applet code= Rolling Message. class width 一 500 height= 80> 
=/applet> 
~hr> 
=/body>=/html> 


语法 说 明 : 在 ex4-18.html 代码 中 租 入 Java 小 程序 RollingMessage. class， 
RollingMessage. class 是 由 RollingMessage. java 生成 的 字 节 码 文件 。RollingMessage 程 
序 的 功能 是 动态 显示 文字 ,使 文字 “欢迎 学 习 Web 技术 应 用 基础 1” 一 个 字 一 个 字 地 显示 。 
ex4-18. html 代码 在 浏览 器 中 的 显示 效果 如 图 4-18 所 示 。 
生 在 页 面 中 檬 入 Java 小 程序 - Microsoft Internet... [| 品 | 区 | 


; 文件 (E) 编辑 (E) 查看 (Z) 收藏 (8) 工具 (IT) 帮助 (8) 
地 址 如 ) -| 条 D:\2008 第 二 版 Web 技 术 应 用 基础 \exVex_D0dVex4-18.HTIL 


欢迎 学 习 “Web 技 术 应 用 基 


| 起] 小 应 用 程序 RollineMessage started 电 我 的 电脑 


图 4-18 在 页 面 中 嵌入 Java 小 程序 


4.9 网 上 书店 主 界面 的 实现 


网 上 书店 的 主 界面 见 第 3 章 图 3-5 ,文件 名 为 index. jsp。 
把 其 中 的 框架 结构 代码 提取 出 来 ,代码 段 如 下 : 


=body> 
一 div align="center’> 
一 table width 一 "750”border 一 ”0”cellspacing 一 "1”cellpadding 一 "] 一 
< 
一 td colspan 一 "2 一 
一 div align 一 “center 一 
二 %@include file 一 "top. jsp”%% 二 二 ! 一 显示 top. jsp 一 二 
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=/div><=/td> 
A 
< 到 tr 一 
一 td width="25%" valign="top’> 
二 %@include file 一 “declare. jsp”% 记 二! 一 显示 公告 栏 一 二 
<%@include file 一 "login. jsp” %> 一 ! 一 显示 用 户 登 录 一 二 
二 %@include file 一 "search. jsp”%% 二 二 ! 一 显示 书目 搜索 一 二 
< 二 /td 
一 td width 一 "75%%”valign 一 “top' 一 
二 ! 一 显示 精品 图 书 一 二 
二 ! 一 显示 新 书架 一 二 
二 /td 一 
he 
< 
一 td colspan="2"> 
二 %@include file 一 "bottom. jsp”%% 二 二 ! 一 显示 bottom. jsp 一 二 
二 /td 一 
一 /tr 
=/table> 
=/div> 
=/body> 


习题 、 上 机 练习 与 实 训 4 | 


、 习题 
. HTML 的 中 文 名 称 和 英文 名 称 是 什么 ? 它 在 页 面 中 起 什么 作用 ? 
. HTML 标记 是 否 区 分 大 小 写 ? 可 以 拒 套 使 用 吗 ? 
. HTML 文档 的 扩展 名 是 什么 ? 
. HTML 的 本 质 是 什么 ? 它 是 什么 格式 的 文件 ? 
. HTML 文件 以 什么 标记 开始 ? 什么 标记 结束 ? 用 什么 标记 把 文档 分 为 两 部 分 ? 
. 在 HTML 中 ,标记 二 font 二 的 size 属性 的 最 大 值 和 最 小 值 是 多 少 ? 
. 在 HTML 文档 中 页 面 背 景色 和 字体 颜色 如 何 表示 ? 
. 在 HTML 文档 中 过 p 二 标记 和 所 br 之 标记 的 区 别 是 什么 ? 
. 预 格 式 化 标记 二 pre 二 的 作用 是 什么 ? 
10. 图 像 标 记 的 alt 属性 起 什么 作用 ? 
11. 表单 在 页 面 中 起 什么 作用 ? 它 包 含 哪些 元 素 ? 
12. 超 链接 标记 的 作用 是 什么 ? 如 何 应 用 超 链 接 标 记 链 接 到 其 他 网 站 、 其 他 页 面 、 电 
子 信箱 .音乐 和 影像 文件 ? 
二 、 上 机 练习 
1. 应 用 HTML 制作 第 一 个 页 面 ,页 面 上 有 一 幅 图 像 和 有 关 图 像 的 文字 说 明 。 


| 


oTD 人 OOD- 
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2. 使 用 HTML 制作 一 个 页 面 ,要 有 背景 颜色 ,页 面 显 示 内 容 及 格式 如 图 4-19 所 示 。 

3. 制作 一 个 页 面 ,有 背景 音乐 ,上 有 文字 、 图 像 和 朋友 的 E-mail 地址 ,在 文字 和 图 像 
上 创建 超级 链接 , 单 击 链 接 时 ,页 面 跳 转 到 其 他 页 面 , 单 击 E-mail 地 址 时 ,打开 信箱 ,发 送 
邮件 。 

4. 制作 一 个 本 学 期 使 用 的 课表 。 

5. 制作 一 个 计算 器 界面 ,界面 如 图 4-20 所 示 。 


显示 粗 体 字 计算 器 
Be gt. PP 清 答 入 第 一 个 操作 数 : 厂 一 一 ] 
es 请 输入 第 二 个 操作 数 : 厂 一 一] 
显示 下 划 线 
删除 划 线 请 选择 操作 
C+ @- or Oo/ 

显示 上 标 ， X3 
显示 下 标 ，X。 是 
Fd 结果 是 , C 

图 4-19 页 面 显 示 内 容 及 格式 图 4-20 计算 器 界面 


6. 制作 一 个 框架 结构 的 页 面 ,样式 如 图 4-21 所 示 ,页 面 主 题 自 定 。 

Top: 显示 logo 图 片 和 页 面 的 标题 。 

Left: 显示 与 主题 相关 的 栏目 , 单 击 栏目 超 链接 ,在 Body 栏 显示 相关 内 容 。 
Body: 当前 页 面 的 主要 显示 区 域 。 

Bottom: 显示 版 权 信 息 。 

7. 自 定义 一 个 主题 ,应 具有 以 下 基本 功能 : 

(1) 用 记事 本 写 一 个 简单 的 策划 报告 。 

《2》 首页 

@D 自己 定义 一 个 网 站 标题 。 

@ 首页 框架 如 图 4-22 所 示 ,每 框 分 别 显示 不 同 的 内 容 。 


Te 标题 (图 标 ) 
Left Body 栏目 名 称 1 
” 栏目 名 称 2 栏目 相应 内 容 
栏目 名 称 3 
Bottom 
图 4-21 框架 结构 图 4-22 网 站 首页 框架 


在 左 框 架 显示 栏目 名 称 , 双 击 栏 目 名 称 , 右 框架 显示 相应 内 容 。 

@ 采用 适当 的 色彩 、 背 景 制作 。 

@ 二 级 页 面 有 返回 主页 的 链接 。 

三 、 实 训 课 题 

1. 自学 Dreamweaver、Flash、FrontPage 等 软件 :制作 一 个 在 人 才 市 场 推销 自己 的 个 
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人 主页 ,并 在 Web 服务 器 上 发 布 。 

2. 开发 一 个 年 级 网 站 .该 网 站 应 有 : 

(1) 你 所 在 系 的 概貌 ,并 介绍 相关 信息 。 

(2) 年 级 概貌 、 所 学 专业 ,并 介绍 相关 信息 。 

(3) 你 所 在 班级 的 概貌 ,并 介绍 相关 信息 。 

(4) 每 个 人 的 情况 介绍 。 

为 完成 实 训 课题 2, 需 成 立 : 

(1) 年 级 设计 与 规划 小 组 ,负责 年 级 网 站 的 规划 、 设 计 , 信 息 采 集 与 年 级 网 站 蓝图 的 
制作 ,并 分 配 与 协调 班级 网 页 的 制作 工作 。 

(2) 班级 设计 与 规划 小 组 ,负责 班级 网 站 的 规划 .设计 、 信 息 采 集 与 班级 网 站 蓝图 的 
制作 ,并 分 配 和 协调 个 人 网 页 的 制作 工作 。 
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全) SS 


通过 第 4 章 的 学 习 , 读 者 可 以 了 解 到 HTML 文件 中 同时 包含 了 Web 页 面 显 示 内 容 
和 显示 样式 ,这 将 给 网 站 的 开发 与 维护 带 来 一 定 的 难度 。 人 们 和 希望 将 页 面 显示 内 容 与 显 
示 的 方式 分 离开 ,可 以 使 内 容 编辑 人 员 的 工作 重心 放 在 网 站 内 容 的 撰写 上 ,而 站 点 的 美工 
和 界面 设计 人 员 的 工作 重心 放 在 页 面 显示 的 风格 和 样式 上 。CSS (Cascading Style 
Sheets ,级 联 样 式 表 ) 的 工作 重点 是 页 面 显 示 的 样式 。 


5.1 CSS 简介 


CSS 是 开放 性 样式 设 定 语句 , 它 扩 充 了 HTML 标记 的 属性 设 定 , 这 些 属性 设 定 可 以 
通过 脚本 语言 进行 控制 ,使 网 页 的 视觉 效果 更 加 丰富 多 彩 。CSS 将 页 面 的 样式 与 显示 内 
容 的 HTML 文件 分 离开 ,可 以 高 效 、 统 一 地 组 织 页 面 元 素 。 对 于 需要 具有 相同 风格 多 个 
页 面 的 站 点 来 说 ,只 需要 建立 定义 样式 的 CSS 文件 ,并 使 需要 这 些 样 式 的 HTML 文件 调 
用 相应 的 样式 文件 即 可 。 当 网 站 的 风格 需要 更 新 时 ,只 要 更 改 CSS 样式 文件 就 可 以 了 。 
CSS 技术 的 应 用 使 得 网 站 的 开发 ,管理 与 维护 大 为 简化 ,提高 了 开发 效率 。 


5.1.1 CSS 作用 


CSS 是 开放 性 样式 设 定语 句 , 它 扩充 了 HTML 标记 的 属性 设 定 , 这 些 属性 设 定 可 以 
通过 脚本 语言 进行 控制 。CSS 基于 HTML, 它 的 基本 语法 仍然 是 HTML。 使 用 CSS 就 
是 将 页 面 样式 的 定义 与 HTML 文件 分 离开 ,建立 定义 样式 的 CSS 文件 后 ,可 由 HTML 
文档 调用 该 样式 文件 ,并 按 该 样式 显示 。 

CSS 用 于 定义 Web 页 面 内 容 在 浏览 器 中 的 显示 方式 ,由 于 HTML 的 功能 有 限 ,一般 
不 能 随意 设计 版 面 和 编排 文字 ,所 以 W3C 公布 了 一 套 HTML 的 扩展 标准 CSS, 扩 展 了 
HTML 在 排版 和 文字 样式 上 的 功能 。 通 过 样式 定义 可 以 设 定 很 多 属性 ,如 字号 、 颜 色 、 页 
边 距 .元素 在 页 面 上 的 绝对 位 置 等 。 

在 HTML 网 页 的 代码 中 ,网 页 要 展示 的 样式 是 在 标记 内 设 定 的 .如 : 


< 一 h2 二 一 font color 一 red 二 你 好 ! 一 /h2 二 


“你 好 !7? 显 示 成 红色 ,是 由 标记 过 font 一 内 的 属性 color 设 定 的 ,样式 分 散在 各 个 标记 
中 ,所 以 在 更 改 样式 时 ,需要 逐个 修改 各 个 标记 中 的 属性 。 

CSS 的 概念 是 : 把 网 页 展现 的 样式 从 网 页 中 独立 出 来 集中 管理 ,如 果 需 要 改变 网 页 
样式 ,只 需要 改变 样式 设 定 部 分 .HTML 文件 本 身 不 需要 更 改 。 


5.1.2 CSS 样式 文件 应 用 结构 


页 面 的 样式 设 定 与 页 面 内 容 分 离 后 ,可 以 把 CSS 样式 信息 存 成 独立 的 文件 ,使 多 个 
网 页 文件 共享 该 样式 文件 。 也 可 以 把 样式 分 类 ,分 存 于 不 同 的 文件 ,如 分 为 编排 样式 文 
件 .字体 样式 文件 .颜色 样式 文件 等 ,把 多 个 样式 文件 套用 在 一 个 网 页 文件 上 。 样 式 文件 
的 应 用 方式 见 图 5-1。 


CSS CSS CSS 
样式 文件 样式 文件 1 样式 文件 
Wd 调用 调用 外用 
HT™™L HTMI 
文件 1 文件 | 
图 5-1 样式 文件 应 用 结构 
应 用 样式 文件 具有 以 下 优点 : 


@O 简化 Web 页 面 的 格式 代码 。 
@ 修改 样式 文件 可 以 更 新 整个 Web 站 点 的 显示 风格 ,减少 网 站 管理 与 维护 的 工 
作 量 。 


5.2 定义 样式 的 格式 


5.2.1 CSS 定义 


定义 样式 的 基本 格式 是 : 

选择 符 { 规则 } 

例如 : hl{color:blue;} 

选择 符 (Selector): 是 样式 要 套用 的 对 象 .一 般 是 HTML 标记 :如 上 例 的 hl1。 在 
HTML 文件 中 过 hl 二 …< 一 /hl 二 标记 之 间 的 内 容 将 全 部 继承 hl 的 全 部 规则 ,例如 字体 显 
示 为 蓝 色 。 

规则 (Rule): 是 样式 设 定 的 内 容 , 是 用 {} 插 起 来 的 部 分 ,如 上 例 的 {color: blue; } 。 
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5.2.2 CSS 属性 


CSS 支持 的 文字 样式 属性 见 表 5-1。 


表 5-1 文字 样式 属性 
属 性 功能 与 属性 值 示 例 
font-family 定义 字体 font-family: 隶 书 
定义 字体 大 小 font-size: x-large 


font-size 


。 绝对 大 小 : 
xx-small| x-small| small| medium |large| x-large| xx-large 


。 相对 大 小 : large| small 


font-size:60px 
font-size:160% 


font-size:large 


font-weight 字体 粗细 font-weight: bold 
normal| bold| bolder| lighter| 100-900 
font-variant 字体 变形 font-variant: normal 
MK normal( 普 通 )|small-caps( 小 型 大 写字 母 ) 
字体 效果 


font-style 


normal |italic| oblique 


CSS 支持 的 颜色 和 背景 属性 见 表 5-2。 


表 5-2 颜色 和 背景 属性 


font-style: italic 


属 性 功能 与 属性 值 示 例 
color 定义 前 景色 color: red 
定义 背景 色 


background-color 


background-color: white 


颜色 |transparent( 透 明 ) 


background-image 


定义 背景 图 像 的 URL 


fen. gif 


CSS 支持 的 长 度 单位 见 表 5-3。 


表 5-3 CSS 支持 的 长 度 单位 


background-image: http://www. 


buu. com. cn/img/ 


类 型 说 明 示 例 

em 相对 字符 高 度 ,以 当前 元 素 本 身 的 font-size 为 参考 依据 margin :4em 

| | 以 像 家 为 单 位 Ot eG 
in 英寸 1 in 一 2. 54cm font-size:0. 6in 
cm 厘米 font-size:0. 6cm 

绝对 mm 训 米 font-size: 6mm 
pt 点 数 1 pt 二 1/72 in font-size: 40pt 
pe 印刷 单位 1 pc 一 12 pt font-size:4pc 
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CSS 提供 光标 属性 设置 , 共 提 供 有 16 种 光标 , 见 表 5-4。 
表 5-4 cursor 属性 


属 性 值 光 标 属 性 值 光 标 
auto 默认 值 se-resize ~、 
default NN ne-resize i 
move 十 sw-resize pa 
pointer 总 nw-resize SS 
crosshair -一 s-resize 1 
e-resize tt text 省 
n-resize 1 wait 及 
w-resize Sy help [sa 


光标 属性 的 应 用 示例 为 二 style 二 cursor 二 "nw-resize 这 ,二 style 二 ”cursor 一 wait 全 等。 


5.3 应 用 CSS 样式 的 4 种 方式 
可 以 有 4 种 方法 将 样式 表 的 功能 加 到 Web 页 面 中 。 


5.3.1 直接 定义 HTML 标记 中 的 style 属性 
语法 : 


二 HTML 标记 名 称 style 一 "样式 属性 1: 属 性 值 1; 样 式 属 性 2: 属 性 值 2;…” 盖 


5.3.2 在 HTML 文档 内 定义 内 部 样式 表 


语法 : 

一 style type= "text/css 一 

< 一 ! 一 
选择 符 Al1, 选 择 符 A2,…{ 样 式 属性 1: 属 性 值 1; 样 式 属性 2: 属 性 值 2;…} 
选择 符 B1 ,选择 符 B2,…{ 样 式 属性 1: 属 性 值 1; 样 式 属 性 2: 属 性 值 2;…} 


> 


=/style> 


CSS 选择 符 有 3 种 : HTML 标记 名 称 、class 选择 符 和 id 选择 符 。 它 们 的 定义 与 使 
用 见 表 5-5。 
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表 5-5 选择 符 的 定义 与 使 用 
类 型 语 法 说 明 示 例 
a 定义 : 标记 {-…) 在 HTML 文件 中 ,所 | h3{color:red} 
标记 HTML 文件 : 二 标记 二 有 该 标记 处 文本 都 具 
有 定义 的 CSS 样式 一 h3 二 … 一 /h3 二 
定义 : 在 HTML 文件 中 ,所 | .amtfcolor:red} 
HTML 文件 有 该 类 名 处 文本 都 具 
二 标记 class 一 类 名 二 有 定义 的 CSS 样式 =h3 class=am>>*…=/h3> 
class 
ee 国 在 HTML 文件 中 ,所 
定义 : 标记 . 类 名 {…} 有 该 标记 并 该 类 名 处 h3. am{color: red} 
SM 文本 都 具有 定义 的 
一 标记 class 一 类 名 之 Ce 下 一 a ln 
定义 : # 标 识 {…} 在 HTML 文件 中 ,所 | #amt{color:red} 
HTML 文件 : 有 该 标识 处 文本 都 具 
去 标记 id 一 标识 二 有 定义 的 CSS 样式 一 h3 id=am>…=/h3> 
id 1 
定义 : 标记 提 类 名 {…} Ca 文件 中 ,所 h3# am{color:red} 
有 该 标识 并 该 标记 处 
SME i 文本 都 具有 定义 的 
一 标记 id 一 类 名 过 CSS 样式 一 h3 id 一 am 一 … 一 /h3 盖 
例 5.1 本 例 说 明 选 择 符 的 应 用 ,ex5-01. html 代码 清单 如 下 : 
一 html 之 一 head 一 
到 title 二 选择 符 的 应 用 一 /title 二 
=/head> 
二 style type 一 "text/css" 二 /* 定 义 样式 */ 
<!— 


h21{ color:green; 


font-family: 楷 体 ; 
: 


. redfont{font-family: 华 文 彩云 ;color:red) 
h4. bluefont{ fontfamily: 隶 书 :color:blue} 


# id_olivefont{ fontfamily: 楷 体 ;color:olive} 


h4# purplefont{ font-family: 仿 宋体 :color:purple} 


-> 


=/style> 

belyS> 

二 h2 二 显示 楷体 绿色 二 /h2 二 
一 h3 class 一 redfont 二 显示 华文 彩云 红色 一 /h3 二 
一 h4 class 一 bluefont 一 显示 隶书 蓝 色 一 /h4 一 

二 h3 id 一 id_olivefont 一 显示 楷体 橄榄 绿 二 /h3 二 
一 h4 id 一 purplefont 一 显示 仿宋 体 紫 色 一 /h4 一 
去 /56 西汉 去 /ta 
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文件 ex5-01. html 在 浏览 器 中 的 显示 效果 如 图 5-2 所 示 。 


; 文件 人) 编辑 (E) > 
5.3.3 让 人 外 部 样式 表 | 

显示 楷体 绿色 

语法 : 园 示 华文 形 瑟 红色 

六 至 示 吉 书童 色 
TS text/css’— ee 
@ import url(“ 外 部 样式 表 文 件 名 ”) ; 显示 仿宋 体 柴 色 
-> 


加 我 的 电脑 


</styke> 图 5-2 选择 符 的 应 用 


5.3.4 链接 外 部 样式 表 


语法 : 


一 link type 二 “text/css” rel 二 stylesheet href 一 “外 部 样式 文件 名 "一 


5.4 样式 表 应 用 案例 


使 用 直接 定义 HTML 标记 中 的 style 属性 、 定 义 内 部 样式 表 、 嵌 入 外 部 样式 表 和 链 
接 外 部 样式 表 这 4 种 方法 ,实现 如 图 5-3 所 示 的 功能 。 


Eb [a] 
; 文件 (E) 编辑 (E) 查看 (Z) 收藏 (&) 工具 (IT) 帮助 (EH) 
:地址 (D) “| 铭 ] 3 第 二 版 Web 技 术 应 用 基础 \ex\ex_D05\ex5-02. htm1 国 | 回转 到 


历 四 和 范 方 式 兴 样式 站 区 能 习 帮 
到 Veb 页 面 中 


图 5-3 需要 完成 的 Web 页 面 


1. 直接 定义 HTML 标记 中 的 style 属性 


例 5.2 直接 在 HTML 标记 中 插入 style 属性 ,只 能 控制 该 处 的 样式 。ex5-02. html 
代码 清单 如 下 : 


一 html 二 一 head 一 

< 一 title 二 直接 定义 HTML 标记 中 的 style 属性 一 /title 二 
=/head> 
=body> 
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一 hl style 一 “color:greenitextralign:center; font-style:italic; fontfamily: 隶 书 ;fontsize:x-large; "一 
用 四 种 方式 将 样式 表 功 能 应 用 到 Web 页 面 中 二 /hl 二 
=/body>=/html> 


2. 定义 内 部 样式 表 
例 5.3 本 例 说 明定 义 内 部 样式 表 的 应 用 ,ex5-03. html 代码 清单 如 下 : 


一 html 一 一 head 一 
二 title 二 定义 内 部 样式 表 一 /title 二 
二 style type 一 "text/css' 一 /x* 定 义 样式 */ 
EL 
hl{color:green; 
text-align: center; 
font-style:italic; 
font-family: 隶 书 ; 
font-size: x-large; 
} 
-> 
=/style> 
~/head> 
<bey> 
过 hl 二 用 四 种 方式 将 样式 表 功 能 应 用 到 Web 页 面 中 过 /hl 二 
一 /body 二 二 /html 二 
语法 说 明 : 
。 样 式 定义 在 文件 头 中 ,其 有 效 范围 是 整个 网 页 , 且 将 样式 设 定 与 网 页 内 容 分 开 。 
。 第 3 行 二 style type 一 "text/css' 全 ,一 style 二 标记 的 属性 type 指明 使 用 CSS。 
。 在 一 style> 标 记 内 加 上 注释 符号 一 !--…-- 全 ,可 以 使 不 支持 CSS 的 浏览 器 忽略 这 
段 内 容 。 


3. 艇 入 外 部 样式 表 


当 多 个 网 页 具有 相同 样式 时 ,可 以 使 用 样式 文件 把 设 定 的 样式 集中 起 来 ,并 存 成 独立 
的 样式 文件 ,以 使 多 个 网 页 共享 该 样式 文件 。 也 可 以 将 样式 分 类 ,使 一 个 网 页 套用 多 个 样 
起 交 件 。 

例 5.4 本 例 将 建立 两 个 样式 文件 .stylel. css 文件 保存 文字 的 颜色 ,style2. css 文件 
保存 文字 的 其 他 样式 。 

样式 文件 的 后 缀 是 . css, 样 式 文件 stylel. css 的 代码 清单 如 下 : 


hl {color:green; 


} 
样式 文件 style2. css 的 代码 清单 如 下 : 


hl {text-align:center; 
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font-style:italic; 
font-family: 素 书 ; 
font-size: x-large; 


} 
文件 ex5-04. html 的 代码 清单 如 下 : 


二 html 一 二 head 一 
二 title 二 租 入 外 部 样式 表 一 /title 二 
二 style type 一 "text/css' 盖 /x* 定 义 样式 */ 
= = 

@import url("stylel. css”); 

@import url("style2. css”); 
一 之 
<=/style> 
=/head> 
=body> 

过 hl 二 用 四 种 方式 将 样式 表 功 能 应 用 到 Web 页 面 中 过 /hl 二 

二 /body 二 二 /html 二 


4. 链接 外 部 样式 表 
例 5.5 链接 外 部 样式 文件 的 HTML 文件 的 页 面 代码 ex5-05. html 如 下 : 


二 html 二 一 head 一 
一 title 二 链接 外 部 样式 表 二 /title 二 
一 link rel= stylesheet type= "text/css” href="stylel. css’> 
一 link rel= stylesheet type= "text/css” href="style2. css’'> 
</head> 
=body> 
二 hl 二 用 四 种 方式 将 样式 表 功 能 应 用 到 Web 页 面 中 二 /hl 
=/body>=/html> 


5.5 页 面 定位 


页 面 定位 是 指 网 页 作者 可 以 精确 地 将 一 个 网 页 元 素 定位 在 页 面 的 某 一 个 位 置 。 对 
CSS 中 几 个 页 面 定 位 元 素 说 明 如 下 。 

(1) position: 可 以 把 页 面 元 素 精 确 地 定位 , 它 有 3 种 设 定 方式 absolute/relative/ 
static( 绝 对 位 置 /相对 位 置 /静态 位 置 ) 。 

。 absolute: 页 面 对 象 的 绝对 位 置 ,原点 在 窗口 的 左上 角 。 

。 relative: 页 面 对 象 与 HTML 代码 中 上 一 个 对 象 的 相对 位 置 。 

。 static: 静态 位 置 , 该 值 是 默认 值 ,页 面 对 象 将 根据 HTML 源 代 码 的 位 置 顺序 显示 。 

(2) left: 元 素 的 左边 距 。 
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(3) top: 元 素 的 顶 边 距 。 

(4) width: 元 素 的 宽度 。 

(5) height: 元 素 的 高 度 。 

(6) z-index: 定义 页 面 元 素 在 Z 轴 上 的 位 置 ,Z 轴 的 定义 从 后 到 前 。 

例 5.6 制作 一 个 页 面 ,在 页 面 中 使 文字 有 部 分 重 又 。ex5-06. html 的 代码 清单 如 下 : 


=html 二 =head> 
二 title 二 定位 技术 的 应 用 二 /title 二 
=style type= "text/css’> 
span{font-size:28pt;font-family:" 素 书 ”} 
span. level2{ position:absolute;z-index:2;left:100;top:100;color:green} 
span. levell { position:absolute;z-index:1;left:103;top:103;color:red} 
span. levelO{ position:absolute;z-index:0;left:106;top:106;color:yellow} 
Pp. levl {position:absolute;z-index:2;left:50;top:50;font-size:20pt;color: blue} 
p. lev2 {position:absolute;z-index:-2;left:52;top:52;font-size:20pt;color: darkred} 
=/style> 
=/head> 
=body> 
一 span class 一 "level2" 盖 Web 技术 应 用 基础 二 /span 二 
一 span class 一 “levell]" 二 Web 技术 应 用 基础 二 /span 二 
ss 一 "level0" 二 Web 技术 应 用 基础 二 /span 二 
“levl "二 欢迎 学 习 二 /span 一 
“lev2" 全 欢迎 学 习 一 /span 盖 
一 /body 二 一 /html 一 


在 浏览 器 中 的 显示 效果 如 图 5-4 所 示 。 


马 定 位 技术 的 应 用 - Microsoft | [=] E33| 
; 文件 (E) 编辑 (E) 查看 () 收藏 (8) 工具 (TI) 帮助 (ED [2 
:地址 人) -| 箭 : 版 Web 技 术 应 用 基础 \ex\ex_D05\ex5-06. htnl 国 | 园 轩 到 


5.6 CSS 在 网 上 书店 案例 中 的 应 用 


网 上 书店 的 各 个 页 面 采用 了 统一 的 风格 。 
(1) 超 链接 : 设置 没有 访问 过 的 超 链 接 (a:link) 的 颜色 是 #FF9900, 访 问 过 的 超 链接 
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(a:visited) 的 颜色 是 #0000FF ,鼠标 移 到 超 链 接 (a:hover) 上 时 的 颜色 是 #FF3300。 
(2) . menufontcolorl : 表示 菜单 栏 字 体 颜色 。 
(3) . forminput: 表示 表单 输入 组 件 的 大 小 。 
(4) . formtext: 表示 表单 文本 框 的 字体 。 
(5) .td: 表示 单元 格 大 小 字体 等 。 
样式 文件 maincss. css 代码 清单 如 下 : 


a:active {text-decoration: none; color: #333333} 
a:hover { text-decoration: underline; color: # FF3300} 
a:visited { text-decoration: none; color: #0000FF} 
a:link { 
color: 井 FF9900; 
text-decoration: none; 
} 
. menufontcolorl { 
color: #333333; 
} 
. menufontcolor2 { 
color: #333333; 
; 
. {orminput { 
height: 18px; 
border: 1px dotted; 
} 
. formtext { 
border: 1px dotted; 
; 
.tdl 
border: 1px dotted; 
font-family:“ 宁 体 ”; 
{font-size: 12px; 
color: #333333; 


text-decoration: none; 


一 、 习题 
1. 简 述 CSS 的 概念 和 它 的 功能 。 
2. 有 如 下 一 段 代 码 ,请 问 页 面 上 的 文字 *Web 技术 应 用 基础 "显示 成 什么 颜色 ? 


一 html 二 一 head 一 一 /head 二 
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< 一 style type 一 "text/css' 一 


font { color:red; 
font-family: 楷 体 ; 
} 
二 /style 二 
=body> 
到 font 二 Web 技术 应 用 基础 二 /font 二 
=/body><=/html> 


3. 有 哪 几 种 方式 可 以 把 样式 表 的 功能 应 用 到 页 面 中 ? 
二 、 上 机 练习 
1. 使 用 CSS 技术 制作 一 个 页 面 ,页 面 内 容 及 显示 格式 如 图 5-5 所 示 。 


图 5-5 页 面 内 容 


(1) 直接 定义 HTML 标记 中 的 style 属性 实现 。 

(2) 定义 内 部 样式 表 实 现 。 

(3) 嵌入 外 部 样式 表 实 现 。 

(4) 链接 外 部 样式 表 实 现 。 

2. 制作 一 个 具有 3 个 页 面 的 网 站 ,内容 自 定 ,应 用 CSS 技术 使 它们 具有 相同 的 风格 。 

3. 制作 一 个 页 面 , 使 图 像 的 说 明文 字 在 图 像 之 中 ,请 注意 文字 颜色 的 选择 ,以 便 把 图 
像 和 文字 区 分 开 。 
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ES . 
前 JavaScript 
第 6 


脚本 (Script) 是 一 种 介 于 HTML 与 编程 语言 (如 Java、VB 和 C++ 等) 之 间 的 特殊 语 
言 。 尽 管 脚 本 更 接近 高 级 语言 ,但 是 它 不 具有 高 级 语言 复杂 、 严 谨 的 语法 规则 ,因而 脚本 
语言 易学 易 用 ,普及 了 Web 应 用 的 开发 工作 。 脚 本 可 以 使 Web 页 面具 有 动态 效果 和 交 
互 功能 ,分 为 服务 器 端 脚本 和 客户 端 脚 本 两 种 。 客 户 端 脚本 是 在 客户 机 上 运行 的 脚本 程 
序 ,在 客户 端 产生 动态 效果 ;服务 器 端 脚本 是 在 服务 器 上 运行 的 脚本 程序 ,在 客户 端 与 服 
务 器 端 交 互 产生 动态 效果 。Script 语言 一 般 指 VBScript 和 JavaScript。 本 章 主 要 学 习 
JavaScript 的 基础 知识 、 工 作 机 制 及 其 使 用 技术 。 


6.1 JavaScript 概述 


6.1.1 JavaScript 运行 机 制 


JavaScript 和 Java 有 一 些 相 同 之 处 ,例如 ,它们 的 语法 元 素 与 C++ 十 分 相似 ,都 与 平 
台 无 关 。 但 是 它们 相 异 的 地 方 也 很 多 ,例如 .Java 是 Sun 的 产品 ,而 JavaScript 是 
Netscape 的 产品 ;JavaScript 是 解释 型 的 ,而 Java 是 半 编 译 半 解释 型 的 ;从 语法 风格 上 看 ， 
JavaScript 比较 自由 ,而 Java 是 一 种 强 类 型 语言 ,语法 比较 严谨。 

JavaScript 是 一 种 找 入 HTML 文档 中 的 、 跨 平台 、 基 于 对 象 和 事件 驱动 的 脚本 语言 ， 
它 既 可 以 在 客户 端 运行 也 可 以 在 服务 器 上 运行 。 在 客户 端 执行 脚本 ,需要 在 客户 机 上 有 
使 用 脚本 的 应 用 程序 和 脚本 引擎 。 使 用 脚本 的 应 用 程序 (Script Host, 也 称 为 脚本 主机 ) 
通常 就 是 浏览 器 , 它 可 以 是 IE(Internet Explorer) 或 INCNetscape Navigator) 。 脚 本 引擎 
(Script Engine) 通 常 是 一 个 库 或 库 的 集合 .例如 ,VBScript. DLL 或 JScript. DLL ,由 它们 
完成 解释 脚本 的 具体 任务 。 脚 本 可 被 嵌入 HTML 文档 ,嵌入 了 脚本 的 HTML 文档 加 载 
到 浏览 器 内 的 解释 器 上 ,浏览 器 将 把 脚本 程序 交 给 脚本 引擎 执行 。 

JavaScript 由 JavaScript 核心 语言 JavaScript 客户 端 扩展 和 JavaScript 服务 器 端 扩 
展 三 部 分 组 成 。 核 心 语言 部 分 包括 JavaScript 的 基本 语法 和 JavaScript 的 内 置 对 象 ,在 
客户 端 和 服务 器 端 均 可 运行 。 客 户 端 扩展 部 分 是 在 JavaScript 核心 语言 基础 上 扩展 了 控 
制 浏览 器 的 对 象 模型 DOM ,在 客户 端 运行 脚本 时 ,可 以 很 方便 地 控制 页 面 上 的 对 象 。 服 


务 器 端 扩 展 部 分 是 在 JavaScript 核心 语言 基础 上 扩展 了 在 服务 器 上 运行 时 需要 的 对 象 ， 
这 些 对 象 可 以 和 Web 数据 库 连 接 ,可 以 在 应 用 程序 之 间 交 换 信息 ,对 服务 器 上 的 文件 进 
行 控制 。 


6.1.2 JavaScript 的 特点 


JavaScript 具有 以 下 特点 。 
1. JavaScript 是 一 种 脚本 语言 


JavaScript 是 一 种 脚本 语言 ,脚本 是 一 种 能 够 完成 某 些 功 能 的 小 程序 段 。 脚 本 语言 
可 舱 入 HTML 页 面 ,这 些 程序 段 在 程序 运行 过 程 中 被 逐 行 解释 执行 。 在 脚本 中 使 用 的 
命令 和 语句 集 被 称 为 脚本 语言 。 

2. 基于 对 象 


JavaScript 是 基于 对 象 的 (Object-Based) ,人 允许 自 定义 对 象 。 同 时 浏览 器 也 提供 了 大 
量 的 内 建 对 象 ,开发 人 员 可 以 直接 使 用 ,例如 ,string( 字 符 串 )、Date( 日 期 ) 和 math( 算 术 ) 
对 象 等 。 但 JavaScript 不 是 面向 对 象 (ObjectrOriented) 的 , 它 不 支持 类 和 继承 。 


3. 事件 驱动 


事件 是 用 户 在 操作 Web 页 面 时 发 生 的 任何 事情 ,例如 ,鼠标 左 键 单 击 、 鼠 标 拖 动 、 窗 
口 移动 或 表单 输入 等 。JavaScript 是 事件 驱动 的 , 当 事 件 发 生 时 , 即 可 对 事件 产生 反应 并 
进行 处 理 。 

4. 动态 


JavaScript 是 动态 的 ,可 以 直接 对 用 户 的 输入 做 出 响应 ,是 设计 交互 式 动 态 尤 其 是 
“客户 端 动态 ”页 面 的 重要 工具 。 


5。 安全 


JavaScript 是 一 种 安全 性 的 语言 , 它 不 允许 访问 本 地 硬盘 ,不 能 修改 或 删除 其 他 文件 
的 内 容 , 不 能 将 数据 存储 在 Web 服务 器 或 用 户 的 计算 机 上 。 


6. 与 平台 无 关 
JavaScript 只 依赖 于 浏览 器 .与 操作 环境 无 关 。 只 要 是 能 运行 支持 JavaScript 的 浏览 
器 的 计算 机 ,就 可 以 正常 工作 。 


6.1.3 JavaScript 应 用 案例 一 一 图 像 互 换 位 置 


例 6.1 应 用 JavaScript 制作 第 一 个 脚本 程序 。 
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1. 任务 要 求 


要 求 页 面 上 有 两 幅 图 像 及 有 关 图 像 的 说 明 的 文字 , 当 用 户 单 击 页 面 时 ,图 像 交换 位 
置 。 页 面 如 图 6-1 所 示 。 有 E 
_、 罗 EEVERS S33: 
分 析 任 务 要 求 ,确定 本 例 需 要 使 用 的 技术 。 由 于 页 ; 文件 E) 编辑 (E) 查看 (人 收 纺 ” 遍 | 
面 上 有 两 幅 图 像 , 所 以 需要 使 用 块 容器 标记 二 div 二 界 | 加 | 自 poeeeo hm 回回 
定 这 两 幅 图 像 和 它 的 文字 说 明 ,并 使 用 绝对 定位 技术 将 
图 像 定 位 。 鼠 标 单 击 页 面 时 ,产生 鼠标 事件 ,图 像 互 换 
位 置 的 动作 是 对 鼠标 事件 的 响应 ,本 例 将 使 用 
JavaScript 编制 事件 处 理 程 序 。 


2. 完成 以 上 任务 的 代码 ex6-01. html 
代码 ex6-01. html 清单 如 下 : 图 6-1 JavaScript 应 用 案例 的 页 面 


=html>=—head> 

< 一 title 二 JavaScript 应 用 案例 二 /title 二 

一 script language="JavaScript > 

function ChangeImage(){ 
var dog_top= dog. style. top 
var dog_left= dog. style. left 
dog. style. top= cat. style. top 
dog. style. left= cat. style. left 
cat. style. top= dog_top 
cat. style. left= dog_left 

} 

= /script> 

=</head> 

一 body onclick="ChangeImage()’> &.nbsp 

一 font face 一 "隶书 "color 一 "blue” size 王 6 二 请 单 击 页 面 二 /font 二 一 pb 二 

一 div id="cat” style="position:absolute;top:60px;left:60px’> 
一 img src 一 "cat. gif’ width 一 "80” height="80" > 二 br 一 
一 font size=5 color="red’>cat= /font> 

</div> 

一 div id="dog’” style="position:absolute;top:60px;left:160px’> 
一 img src="dog. gif’ width 一 "80” height="80">=br> 
一 font size=5 color="red’>dog= /font> 

<=/div> 

=/body>=/html> 


3. 代码 说 明 


(1) 第 16 行 至 第 19 行 : 
二 div 二 和 二 /div 记 是 块 容器 标记 ,之 间 可 以 容纳 多 个 不 同 的 HTML 标记 和 语言 
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元 素 。 

id 一 “cat" ,指定 该 块 容器 的 id 值 是 cat。 

(2) 第 3 行 至 第 12 行 : 当 用 户 单 击 页 面 时 ,由 使 用 JavaScript 脚本 语言 编写 的 
ChangeImage() 因数 完成 事件 的 处 理 , 即 图 像 交 换 位 置 的 动作 。 


6.2 JavaScript 基本 语法 


6.2.1 在 HTML 文档 中 调和 人 或 工人 JavaScript 


JavaScript 是 通过 舱 和 或 调和 在 标准 的 HTML 语言 中 的 可 执行 程序 段 。 
1. JavaScript 藤 入 HTML 文件 


应 用 HTML 的 二 script 二 标记 握 入 JavaScript 代码 。 

语法 ， 

一 script language 一 "JavaScript 一 

JavaScript 代码 

=/script> 

将 JavaScript 代码 内 入 HTML 文档 ,使 用 HTML 的 二 script 二 标记 的 language 属 
性 ,属性 值 可 以 是 JavaScript, 也 可 以 是 VBScript。 王 script 二 可 以 包含 在 二 head 二 和 
一 body 二 内 。 包 含 在 二 head 二 内 的 JavaScript 脚本 在 页 面 装 载 之 前 运行 ,所 以 函数 一 般 
包含 在 二 head 一 标记 之 间 。 


2. 将 JavaScript 调 入 HTML 文件 


将 JavaScript 代码 以 扩展 名 ”*. js? 单 独 存 放 , 再 用 二 script 之 标记 的 src 属性 把 该 代码 
调 入 HTML 文档 。 

语法 : 

一 script src 一 “JavaScript 文件 名 "一 

例 6.2 将 JavaScript 做 入 HTML 文档 ,ex6-02. html 代码 清单 如 下 : 


二 html 一 二 head 一 
< 一 title 二 JavaScript 戏 入 HTML 一 /title 二 
=/head> 
一 body 二 
一 script language="JavaScript’> 
document. write("Hello World!”) 
=/script> 
=/body>=/html> 
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例 6. 2 的 第 6 行 “document. write("Hello World!”)” 应 用 了 JavaScript 的 document 
对 象 的 write() 方 法 ,把 字符 串 "Hello World! 输出 到 浏 


要 Tavascript 庆 入 HL ---- | 器 | 区 | 
览 器 窗口 中 显示 。 例 6. 2 运行 效果 如 图 6-2 所 示 。 文件 和 蝙 辑 开 ) 查看 o 轨 ”收藏 EC ”> 导 
@-©-BBG 
6.2.2 JavaScript 书写 格式 re EE 区 二 这 


Hello World! 


(1) JavaScript 是 区 分 大 小 写 的 。 

(2) JavaScript 没有 可 见 的 行 结束 标志 , 它 用 换行 符 图 6-2 将 JavaScript 嵌入 HTML 
作为 一 行 的 终止 符 。 

(3) 如 果 需 要 把 几 行 代码 写 在 一 行 中 ,使 用 分 号 (;) 把 它们 分 开 。 例 如 : 

var a 一 3 

var b 一 6 


var c 一 0 
可 以 写成 
var a=3; b=6;c=0 


它们 的 结果 是 一 样 的 。 

(4) 为 了 使 程序 清晰 易 读 , 采 用 缩 进 格式 来 书写 。 

(5) 可 以 用 两 种 方法 进行 注释 。 注 释 方法 与 C++ 相同 。 

//: 从 注释 标记 *// ”起 直到 行 尾 的 字符 在 脚本 运行 时 都 被 忽略 。 
/xx<V :在 "/* ”与 "“x*/ "之 间 的 字符 在 脚本 运行 时 都 被 忽略 。 


6.2.3 基本 数据 类 型 


JavaScript 和 其 他 语言 一 样 ,有 自己 的 基本 数据 类 型 .表达 式 、 算 术 运 算 符 以 及 程序 
基本 框架 结构 。 


1. 数据 类 型 


JavaScript 有 4 种 基本 数据 类 型 : 数值 型 (整数 和 浮 点 数 )、 字 符 型 (用 ” "或 '' 插 起 来 
的 字符 或 数值 ) ,布尔 型 ( 取 值 为 true 或 false) 和 空 值 。 基 本 类 型 中 的 数据 可 以 是 常量 ,也 
可 以 是 变量 。JavaScript 采用 弱 类 型 (Loosely typed) 形 式 , 人 允许 一 个 变量 或 常量 在 使 用 
时 确定 它 的 数据 类 型 。 
。 数值 型 : 数值 型 包括 整数 和 浮 点 数 。 
整数 可 以 是 十 进 制 \ 八 进 制 和 十 六 进 制 数 ,八进制 数 以 0 开头 ,十 六 进 制 数 以 0x 
或 0X 开头。 例如 : 189( 十 进 制 ) .056( 八 进 制 ) ,0x9{f( 十 六 进 制 ) 。 
浮 点 数 用 来 表示 小 数 、 极 大 或 极 小 的 数 , 例 如 : 一 3. 1416 ,66. ,1. 6e3 ,7e 一 9 等 。 
。 字符 型 : 字符 型 数据 的 值 是 用 (””) 或 ('') 括 起 来 的 一 连 串 字符 或 数字 ,例如 : 
'c','d',"123456”,”Hello World!" 等 。 其 中 “\” 是 转 义 字符 ,例如 ,'\n' 是 换行 符 ， 
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' At 是 水 平 制 表 符 ,\r 是 回 车 符 ,\\b' 是 退 格 符 等 。 

。 布尔 型 : 布尔 型 的 数据 有 true 和 false 两 种 ,分 别 表 示 罗 辑 真 和 逻辑 假 。 

。 空 值 : 空 值 null 表示 什么 也 没有 。 如 果 企 图 引用 一 个 没有 定义 的 变量 ,就 会 返回 
一 个 null 值 。 

2. 常量 

JavaScript 常量 又 称 字面 量 , 是 其 值 保持 不 变 的 量 。 

3. 变量 

变量 是 在 代码 中 值 可 以 改变 的 量 。JavaScript 中 使 用 关键 字 var 声明 变量 并 分 配 存 


储 空 间 。 变 量 名 必须 以 字母 或 下 划 线 “_” 开 始 ,后 面 的 字符 可 以 是 字母 .数字 或 下 划 线 。 
JavaScript 内 部 定义 的 保留 字 不 能 用 作 变 量 名 ,JavaScript 的 保留 字 如 下 : 


abstract boolean break byte case 
catch char class const continue 
default do double else extends 
false final finally float for 
function goto if implements import 
in instanceof int interface long 
native new null package private 
protected public return short static 
super switch synchronized this throw 
throws transient true try var 
void while with 


JavaScript 是 区 分 大 小 写 的 ,如 变量 Num 与 变量 num 是 两 个 不 同 的 变量 。 
语法 : 

var 变量 名 

var 变量 名 一 变 量 值 

例如 : 


var a 一 3 

str 一 "Hello World! ” 
numl 一 12 

num2 一 3. 14 


var d,b,c=0 


在 JavaScript 中 变量 声明 关键 字 是 可 选 的 ,例如 语句 var a 王 3 也 可 以 写成 二 3。 但 
是 不 能 既 不 用 关键 字 var 声明 也 不 给 它 赋 初 值 。 

JavaScript 的 变量 采用 了 弱 类 型 表达 方式 ,变量 在 声明 时 不 必 显 式 说 明 它 的 类 型 ,而 
是 在 使 用 时 根据 数据 的 类 型 来 确定 变量 的 类 型 。 
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在 JavaScript 中 既 可 以 在 声明 变量 时 初始 化 ,也 可 以 在 变量 被 声明 后 赋值 。 例如， 
语句 : 

var numl=6 
和 语句 : 


var numl 


numl=6 
的 作用 是 一 样 的 。 

4. 表达 式 

表达 式 是 由 变量 、 常 量 、 布 尔 和 运算 符 按 一 定 规则 组 成 的 集合 ,表达 式 的 值 可 以 是 数 
字 、 字 符 串 或 布尔 量 。JavaScript 有 3 种 表达 式 : 算术 表达 式 、 串 表达 式 和 人 逻辑 表达 式 。 
例如 : 


numl 十 23 
“Hello“ 十 ^World! 
A&&B 


5. 运算 符 
JavaScript 的 运算 符 有 : 赋值 运算 符 、 算 术 运 算 符 、 逻 辑 运算 符 、 比 较 运算 符 、 字 符 串 
运算 符 和 位 运算 符 。 表 6-1 列 出 了 6 种 赋值 运算 符 的 使 用 说 明 。 
表 6-1 赋值 运算 符 的 使 用 说 明 


运 算 符 范 例 使 用 说 明 
一 z 一 x 十 y 把 = 号 右边 表达 式 的 值 赋 给 左边 的 变量 
十 一 x 十 一 y x 十 二 y 与 x 二 x 十 y 等 同 
一 一 x 一 一 y x 一 二 y 与 x 二 x 一 y 等同 
* 一 xx 一 y xx 一 y 与 x 二 x*y 等 同 
/= x/=y x/ 二 y 与 x 二 x/y 等 同 
%= x%=y x% 二 y 与 x 二 x%y 等 同 (x 除 以 y, 把 余数 赋 给 x) 


表 6-2 列 出 算术 运算 符 的 使 用 说 明 。 
表 6-2 算术 运算 符 的 使 用 说 明 


运 算 符 范 例 使 用 说 明 
和 1+2,—23:6+678 加 
654 一 234,345. 6 一 56.8 减 
x 34*56,45.6x56.7 乘 
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续 表 


运 算 符 范 例 使 用 说 明 
pl 64/8,456. 9/34.5 除 
% 5%3 求 模 ( 求 除法 的 余数 ) 
十 十 x 十 十 ,十 十 x 一 元 自 加 ,把 操作 数 加 1 
一 一 ee 一 元 自 减 ,把 操作 数 减 1 


表 6-3 列 出 了 逻辑 运算 符 的 使 用 说 明 。 
表 6-3 ”逻辑 运算 符 的 使 用 说 明 
运 算 符 范 例 使 用 说 明 


&&. A&&B 逻辑 与 , 当 操 作 符 两 边 表达 式 的 值 均 为 true 时 ,结果 为 true, 否则 结 
果 为 false 


逻辑 或 ,A 和 B 中 有 一 个 的 值 为 true 时 ,结果 为 true;A 和 B 都 是 
false, 结 果 为 false 


! ! A 求 反 , 若 A 的 值 为 true, 结 果 为 false; A 的 值 为 false, 结 果 是 true 


表 6-4 列 出 了 比较 运算 符 的 使 用 说 明 。 
表 6-4 比较 运算 符 的 使 用 说 明 
使 用 说 明 
一 一 A 一 一 B 相等 比较 ,如 果 变 量 A 和 B 相等 ,结果 为 true; 和 否则 ,结果 为 false 
A!=B 不 相等 比较 ,如 果 变 量 A 和 B 不 相等 ,结果 为 true; 否 则 ,结果 为 false 


BB 
没 
Ee 
EE 
一 


> A>B 大 于 比较 ,如果 变量 A 大 于 B. 结 果 为 true; 否 则 ,结果 为 false 
< A=B 小 于 比较 .如 果 变 量 A 小 于 B, 结 果 为 true; 和 否则 ,结果 为 false 
= A>=B 大 于 等 于 比较 ,如 果 变 量 A 大 于 等 于 B, 结 果 为 true; 否 则 ,结果 为 false 
一 一 A 一 一 B 小 于 等 于 比较 ,如 果 变 量 A 小 于 等 于 B, 结 果 为 true; 和 否则 ,结果 为 false 


JavaScript 只 有 一 个 字符 串 运 算 符 “十 ”, 使 用 字符 串 运 算 符 可 以 把 几 个 串 连接 在 一 
起 。 例 如 ,“ 字 符 串 ”十 “运算 符 ” 的 返回 值 是 “字符 串 运 算 符 ”。 
表 6-5 列 出 了 位 运算 符 的 使 用 说 明 。 


表 6-5 ”位 运算 符 的 使 用 说 明 


运 算 符 范 例 使 用 说 明 运 算 符 | 范例 使 用 说 明 
&. AR&B 按 位 与 运算 ~ ~ 按 位 取 反 运算 
| AlB 按 位 或 运算 到 二 A 一 一 B 左 移 运算 

A-B 按 位 异 或 运算 >> A>>B 右 移 运算 


JavaScript 中 .运算 符 优 先 级 从 高 到 低 如 下 排列 : 
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。 对 象 访问 : . 
。 调用 和 成 员 : () [] 


。 求 反 和 增 量 : ! ~ 一 十 十 一 一 
。 乘 、 除 和 取 模 : x / % 
。 加 和 减 : 十 一 


。 位 移 位 运算 : 二 二 一 一 

。 比较 运算 :二 二 = 二 > 二 一 
。 等 于 和 不 等 于 : 一 一 “! 一 

。 按 位 与 : & 

。 按 位 异 或 : - 

。 按 位 或 : | 

。 人 逻辑 与 &.&. 

。 逻辑 或 : | 

。 条 件 运算 : ? : 


。 赋值 村 * / % < 二 二 & 


6.3 JavaScript 控制 结构 和 函数 


6. 3. 1 JavaScript 控制 结构 


JavaScript 有 4 种 程序 结构 控制 语句 : if、switch、for 和 while。 
1. 条 件 语句 证 …else 
语法 如 下 : 


if( 条 件 ){ 

// 如 果 条 件 为 true ,进行 处 理 
} 
else{ 

// 如 果 条 件 为 false, 进 行 处 理 
} 


如 果 不 需 要 处 理 条 件 为 false 的 情况 ,可 以 不 写 else 语句 段 , 例 如 : 


(条件 ){ 
// 如 果 条 件 为 true, 进 行 处 理 
} 


让 语句 可 以 组 套 。 
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2. switch 语句 
switch 语句 用 于 经 过 测试 后 决定 哪 条 语句 被 执行 。 语 法 如 下 : 


switch( 表 达 式 )! 
case 值 1: 
语句 集 1 
break 
case 值 2: 
语句 集 2 
break 


default: 
语句 集 
break 


} 


3. 循环 语句 for 

for 循环 语句 设置 了 一 个 计数 器 计算 循环 次 数 , 达 到 循环 次 数 后 结束 循环 。 它 的 语法 
规则 如 下 : 

for( 初 始 化 表达 式 ; 条 件 ; 增 量 表达 式 ){ 

语句 集 

} 

4. 循环 语句 while 

while 循环 语句 不 直接 指明 循环 次 数 , 具 体循环 次 数 由 运行 时 情况 决定 ,满足 循环 条 
件 执行 循环 体 语句 ,不 满足 循环 条 件 退 出 循环 体 。 它 的 语法 规则 如 下 : 

while( 条 件 ){ 

语句 段 

} 

。 break 语句 : 根据 条 件 终止 循环 。 

。 continue 语句 : 根据 条 件 , 跳 过 循环 体内 剩余 语句 ,进入 下 一 次 循环 。 


6.3.2 国 数 


在 JavaScript 中 可 以 使 用 函数 ,函数 是 封装 在 程序 中 可 以 多 次 使 用 的 模块 。 函 数 必 
须 先 定义 后 使 用 。 由 于 浏览 器 先 执行 HTML 文档 中 的 过 head 一 模块 ,所 以 JavaScript 中 
使 用 函数 时 , 常 把 自 定 义 函 数 放 在 二 head 二 模块 中 ,然后 在 HTML 文档 的 主体 二 body 二 
模块 中 调用 函数 。 


114 一 一 一 一 一 一 一 一 一 Web 技术 应 用 基础 (第 2 版 ) 


函数 定义 的 规则 如 下 : 


function 函数 名 (参数 列表 ){ 
函数 体 


。 function: 是 JavaScript 的 关键 字 ,定义 一 个 函数 。 

。 函数 名 : 函数 名 跟 在 关键 字 function 后 面 , 它 可 以 是 任何 合法 的 标识 符 。 
。 参数 列表 : 函数 的 参数 列表 ,多 个 参数 用 逗号 分 开 。 

。 函数 体 : 该 函数 执行 的 运算 。 


6.3.3 JavaScript 基本 语法 应 用 案例 


例 6.3 说 明 JavaScript 基本 语法 的 应 用 方法 ,包括 程序 结构 和 函数 ,ex6-03. html 
代码 清单 如 下 : 


=html> 
二 head 二 一 title 二 JavaScript 基本 语法 应 用 案例 二 /title 二 
一 script language="JavaScript’> // 脚 本 语言 是 JavaScript 
function MyArrayCn){ // 定 义 函 数 MyArray 
this. length=n 
for(i in 4) 
this[i]=0 


} 

MyArray 一 new Array(4) 

MyArray[1] 一 "Web” 

MyArray[2] 一 "技术 ” 

MyArray[3] 一 "应 用 ” 

MyArray[4] 二 "基础 1” 

document. open() 

for(var n 一 1;n 一 MyArray. length;n 二 十 ){ 
document. write(MyArray[Ln]) ; 

} 


document. close() 


3 JavaScr. .. [| 口 | 区 | 
; 文件 (E) 编辑 (E) 站 ” 局 


=/script>=/head> 地 址 (0) “| 全 .htnl 国 | 加 苇 到 
=body>=/body>=/html> 


Web 技 术 应 用 基础 ! 
ex6-03. html 代码 在 浏览 器 中 的 显示 效果 如 


图 6-3 所 示 。 图 6-3 _ JavaScript 基本 语法 应 用 案例 


6.4 JavaScript 对 象 


Java 是 面向 对 象 的 .而 JavaScript 是 基于 对 象 的 ,所 以 JavaScript 没有 提供 抽象 、 继 
承 和 重 载 等 面向 对 象 语 言 的 功能 。 在 JavaScript 中 .对象 是 客观 事物 的 描述 . 它 有 内 建 对 
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象 和 用 户 自 定义 对 象 两 大 类 。 


6.4.1 JavaScript 对 象 概述 


JavaScript 对 象 是 对 具有 相同 特性 的 实体 的 抽象 描述 ,对象 实 例 是 具有 这 些 特征 的 
单个 实体 。 对 象 包 含 属 性 (properties) 和 方法 (methods) 两 种 成 分 。 属 性 是 对 象 静态 特性 
的 描述 ,是 对 象 的 数据 ,以 变量 表征 ;方法 是 对 象 动 态 特 性 的 描述 ,也 可 以 是 对 数据 的 操 
作 , 用 函数 描述 。 

对 象 必须 存在 ,才能 够 被 引用 ,有 以 下 3 种 方法 引用 对 象 : 

。 引用 JavaScript 内 建 对 象 。 

。 引用 浏览 器 环境 提供 的 对 象 。 

。 创建 自 定义 对 象 。 


6.4.2 自 定义 对 象 


JavaScript 可 以 根据 需要 创建 自 定 义 对 象 。 创 建 方法 是 : 先 定义 一 个 对 象 ,然后 创建 
该 对 象 的 实例 。 

1. 定义 对 象 

在 JavaScript 中 应 用 function 关键 字 创 建 用 户 自 定义 对 象 。 

语法 : 

function 对 象 名 称 ( 属 性 列表 ){ 


this. 属性 1 一 参 数 1 
this. 属性 2 一 参数 2 


this. 方法 1 一 函数 名 1 
this. 方法 2 一 函数 名 2 


例如 ,学生 对 象 的 定义 : 


function student(id ,name,url){ 
this. id 一 id 
this. name 一 name 
this. url 一 url 
this. display 一 student_display 
} 


2. 创建 对 和 象 实例 
对 象 定义 后 应 用 关键 字 new 创建 对 象 实例 。 
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语法 : 
对 象 实例 名 二 new 对 和 象 名称 ( 属 性 值 列 表 ) 
例如 : 


MyStudent 一 new student(”"000001” ,林琳 ”,"http://www. buu. com. cn”) 


创建 了 一 个 student 对 象 的 MyStudent 实例 。 


6.4.3 对 象 属性 和 方法 的 引用 


对 象 实例 创建 后 ,可 以 通过 该 实例 引用 对 象 的 属性 和 方法 。 
1. 对 象 属性 的 引用 

对 象 属性 的 引用 可 以 有 两 种 方式 。 
(1) 使 用 (. ) 运 算 符 

语法 : 

对 象 实例 名 . 属性 成 员 名 

例如 : 

MyStudent. name 一 "林琳 ” 

(2) 通过 对 象 实例 的 下 标 引 用 
语法 : 

对 象 实例 名 [nj] 

例如 : 


MyStudent[0]== “000001” 
MyStudent[1] 王 “林琳 " 
MyStudent[2]=http://www. buu. com. cn 


MyStudent[”id”]== “000001” 
MyStudent[ "name"] 王 “林琳 ” 
MyStudent[”"url’]=http://www. buu. com. cn 


2. 对 象 方法 的 引用 


使 用 (. ) 运 算 符 引用 对 象 方法 。 
语法 : 
对 象 实例 名 .方法 名 称 () 
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例如 : 


MyStudent. display() 


6.4.4 对 象 的 操作 


在 JavaScript 中 提供 了 操作 对 象 的 语句 、 关 键 字 和 运算 符 。 
1. for…in 语句 


JavaScript 是 基于 对 象 的 语言 ,对象 由 与 之 相关 的 属性 和 方法 组 成 。for…in 是 操作 
对 象 的 语句 ,也 称 遍 历 循 环 。 遍历 循环 是 指 历经 一 个 集合 体 中 的 每 个 个 体 。JavaScript 
中 的 遍历 是 指 逐 一 通过 一 个 对 象 的 所 有 属性 , 它 的 计数 值 是 对 象 中 的 属性 个 数 。for…in 
语句 的 语法 规则 如 下 : 
for( 变 量 名 in 对 象 实例 名 ){ 
语句 段 
} 


2. with 语句 

如 果 在 程序 中 需要 连续 使 用 某 个 对 象 的 一 些 属性 和 方法 ,可 以 使 用 with 语句 。 
语法 如 下 : 

with( 对 象 实例 名 ){ 


语句 段 
} 


例如 : 


with(MyStudent) { 
id==”000001” 
name= "林琳 ” 


url=http://www. buu. com. cn 
} 
3. this 关键 字 
this 关键 字 是 对 当前 对 象 的 引用 。 
6.4.5 事件 驱动 与 事件 处 理 


JavaScript 是 基于 对 象 的 ,采用 事件 驱动 (event driven) 机 制 。 事件 是 对 计算 机 进行 
的 操作 ,例如 ,鼠标 移动 .鼠标 左 键 单 击 或 热 键 动 作 等 都 是 事件 。 由 鼠标 或 热 键 引发 的 一 
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连 串 的 动作 称 为 事件 驱动 。 处 理事 件 的 程序 或 函数 称 为 事件 处 理 程序 (event handler) 。 

事件 是 用 户 与 Web 页 面 的 交互 操作 ,例如 用 户 单 击 超 链接 或 提交 表单 控件 数据 时 ， 
产生 一 个 事件 ,并 通知 浏览 器 对 该 操作 进行 处 理 。 浏 览 器 等 待 事件 发 生 ,在 事件 发 生 时 进 
a JavaScript 常用 事件 见 表 6-6。 


表 6-6 JavaScript 常用 事件 


事 件 说 明 

onClick 鼠标 左 键 单 击 页 面 对 象 时 发 生 

onload 网 页 载 和 浏览 器 时 发 生 ,发生 对 象 为 HTML 的 一 body 二 标记 
onUnload 用 户 离开 当前 页 面 时 发 生 .发生 对 象 为 HTML 的 二 body 二 标记 
onMouseOver 鼠标 移 到 对 象 上 时 发 生 

onMouseOut 鼠标 离开 对 象 上 时 发 生 


例如 , 例 6. 1 中 的 二 body onclick 二 ”ChangelImage()" 记 语句 ,用 鼠标 左 键 单 击 页 面 事 
件 , 引 发 “ChangeImage() ”事件 处 理 程序 ,使 图 像 互 换 位 置 


6.4.6 ” JavaScript 对 象 应 用 案例 


例 6.4 说 明 JavaScript 对 象 的 使 用 方法 ,ex6-04. html 代码 清单 如 下 : 


=html> 
一 head 二 一 title 二 JavaScript 对 象 应 用 二 /title 二 
二 


一 script language 一 “JavaScript 二 
function student(Cid name,url)1{ 
this. id 一 id 
this. name 一 name 
this. url 一 url 
this. display= student_display 
} 
function student_display(){ 
document. writeln( "id 一 "十 this[ id] 十 "一 br 二 ) 
document. writeln("name 一 "十 this["name"] 十 "一 br 过”) 


document. writeln("url 一 "十 this["url 门 十 "一 br 二 ) 


} 


mn 六 EPE [Ed 
MyStudent = new student (” 000001 林琳 ”,” http:// 纪 文件 E)， 编辑 (E) 查看 山本 > 入 


;地址 (D) “| 镶 )06\ex6-04.html 辐 | 贺 转 到 


www. buu. com. cn ) 


MyStudent. display() 


id=000001 
=/script>=/head> name= 林 琳 
=body><=/body><=/html> A 
i 旺 我 的 电脑 时 
ex6-04. html 代码 在 浏览 器 中 的 显示 效果 如 图 6-4 - 时 
a 图 6-4 JavaScript 对 象 应 用 
ns 
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6.5 window 对 和 象 在 JavaScript 中 的 应 用 


6.5.1 window 对 象 的 构成 


对 象 有 用 户 创建 的 对 象 ,也 有 系统 提供 的 内 建 对 象 。window 对 象 是 内 建 对 象 中 的 
最 顶层 对 象 , 指 的 是 浏览 器 窗口 对 象 。 它 下 层 的 对 象 有 event 对 象 、frame 对 象 、 
document 对 象 等 ,其 中 最 主要 的 对 象 是 document 对 象 , 它 指 的 是 HTML 页 面 对 象 。 
window 和 document 对 象 的 结构 见 图 6-5 。 


[window | | form ~ elements 
event 二 all | button 

Fr- frame 二 anchor 上 | checkbox | 
一 document| | applets hidden 
— navigator + body option 

[站 screen 上 frames 上 | password 
+ history HH image 门 radio 
— location | link select 
二 Selection text 
Scripts submit 

links 


图 6-5 ” window 对 象 的 结构 


6.5.2 window 对 象 的 属性 


window 对 象 的 属性 主要 有 name、parent、self、top、status 和 defaultStatus 等 , 它 的 
方法 主要 有 alert() confirm()、close()、prompt()、setTimeout() 和 clearTimeout() 等 。 
表 6-7 列举 了 window 对 象 的 主要 属性 和 它们 的 应 用 说 明 。 
表 6-7 window 对 象 的 属性 及 其 应 用 说 明 
属性 名 称 说 明 范 例 


name 当前 窗口 的 名 字 window. name 


parent 当前 窗口 的 父 窗口 Parent. name 
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续 表 


属性 名 称 说 明 范 例 
self 当前 打开 的 窗口 self. status 一 "你 好 ” 
top 窗口 集合 中 的 最 顶层 窗口 top. name 
status 设置 当前 打开 窗口 状态 栏 的 显示 数据 self. status 一 "欢迎 ” 
defaultStatus 当前 窗口 状态 栏 的 显示 数据 self. defaultStatus 一 “欢迎 ” 


6.5.3 window 对 象 的 方法 


1. window 对 象 的 主要 方法 


表 6-8 列举 了 windovw 对 象 的 主要 方法 和 它们 的 应 用 说 明 。 
表 6-8 window 对 象 方法 及 其 应 用 说 明 


方法 名 称 说 明 范 例 
alert() 创建 一 个 带 “ 确 定 ” 按 钮 的 对 话 框 window. alert(" 输 入 错误 1") 
confirm() 创建 一 个 带 “ 确 定 ”" 和 “取消 "按钮 的 对 话 框 window. confirm(" 是 否 继续 ”) 
close() 关闭 当前 打开 的 浏览 器 窗口 window. close() 
plenty 打开 一 个 新 的 浏览 器 窗口 window. open (CURL, “新 窗口 


名 ”, 新 窗口 设置 ) 


prompt() 


串 字段 的 对 话 框 号 码 ”) 


让 个 有 和 | 号 电 
setTimeout() 设置 一 个 时 间 控 制 器 OutCO".3000) 


clearTimeout() 清除 原来 时 间 控 制 器 内 的 时 间 设 置 window. clearTimeout() 


2. JavaScript 的 接口 元 素 


创建 一 个 带 “ 确 定 *”“ 取 消 ” 按 钮 及 输入 字符 | window. prompt (请 输入 电话 


window. setTimeout("clearTime 


window 对 象 方法 中 的 alert()、prompt() 和 confirm() 方 法 ,用 作 JavaScript 的 接口 


ee 并 完成 用 户 和 程序 的 对 话 过 程 。 
。 alert( 提 示 ): sa 其 中 “提示 ”是 可 选 的 ,是 在 警告 框 中 输出 的 内 容 。 


。 eh 示 一 个 提示 框 ,等 待 输 入 文本 ,如果 选择 “确认 ”按钮 ， 
返回 文本 框 中 的 内 容 ， ni 取消 ”按钮 .返回 一 个 空 字符 串 。 它 的 “提示 ”和 


“默认 值 ? 都 是 可 选 的 “默认 值 ? 是 文本 框 的 默认 值 。 


。 confirm( 提 示 ) : 显示 一 个 确认 框 ,等 待 用 户 选 择 按钮 。“ 提 示 ” 也 是 可 选 的 ,是 在 


提示 框 中 显示 的 内 容 , 用 户 可 以 根据 提示 选择 “确定 ”或 “取消 ”按钮 。 
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6.5.4 window 对 象 的 事件 


window 对 象 的 主要 事件 及 它们 的 应 用 见 表 6-9 。 
表 6-9 window 对 象 的 事件 及 其 应 用 说 明 


事 性 应 用 说 明 事 件 应 用 说 明 
onLoad 网 页 载 人 浏览 器 时 发 生 OnResize 用 户 调整 窗口 大 小 时 发 生 
onUnLoad 网 页 从 浏览 器 窗口 中 删除 时 发 生 OnScroll 用 户 滚动 窗口 时 发 生 
onBeforeUnLoad 网 页 被 关闭 前 发 生 OnError 载 人 的 网 页 产生 错误 时 发 生 


6.5.5 window 对 象 的 应 用 案例 


1. 状态 栏 内 容 的 更 新 


例 6.5 要 求 页 面 上 有 一 个 按钮 ,把 鼠标 移动 到 按钮 上 时 ,状态 栏 输出 “欢迎 学 习 
Web 技术 !1”,2000ms 后 状态 栏 输出 “学 习 成 功 !1”。 

该 任务 使 用 了 window 对 象 的 status 属性 , 设 
置 当 前 打开 窗口 状态 栏 的 显示 数据 ;window 对象 
的 setTimeOut() 和 clearTimeOut() 方 法 ,设置 一 
个 时 间 控 制 器 ,控制 状态 栏 内 容 的 显示 时 间 ; 
onMouseOver 事件 , 当 鼠 标 移 动 到 按钮 上 时 发 生 
的 事件 。 要 求 页 面 如 图 6-6 所 示 。 

完成 该 任务 的 页 面 代码 ex6-05. html 清单 


如 下 : 


二 html 二 二 head 一 
二 title>window 对 象 属性 的 应 用 二 /title 二 
一 script language="JavaScript’> 


<=!— 


function clearStatus(){ 


window. status 二 ”学习 成 功 !” 


} 


function writeStatus(str){ 


setTimeout("clearStatus() ,2000) 


window. status 一 Str 


} 
ss 


=/script>=/head> 


=body> 
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汉 vindow 对 象 属性 的 应 用 - Microsof--- [= | 口 | 区 | 
文件 EE) 编辑 FE) 查看 WD 收藏 人 ) 工具 IC) >” 司 


Oe 日: 国 国 风 | 用 卉 


地 址 四) | 个 用 基础 \ex_po6\ex6-05.htn1 国 | 加 甘 到 “ 锭 接 > 


图 6-6 ”状态 栏 属性 的 应 用 


Web 技 术 应 用 基础 (第 2 版 ) 


~form> 

一 input type 一 "button” name 一 ”ControlButton” value 二 "鼠标 移 过 来 ,看 状态 栏 !” 
onMouseOver 一 "writeStatus( "欢迎 学 习 Web 技术 !1');return true; 一 

=/form> 

=/body>=/html> 


代码 说 明 : 

(1) 第 17 行 : onMouseOver 王 "writeStatus( "欢迎 学 习 Web 技术 !) ;return true;"， 
onMouseOver 是 当 鼠 标 移动 到 按钮 上 时 发 生 的 鼠标 事件 ,赋值 号 右边 是 对 鼠标 事件 的 响 
应 ,由 文件 头 中 的 JavaScript 程序 完成 。 

(2) 第 5 行 至 第 11 行 是 用 JavaScript 编制 的 事件 响应 程序 。window. status 是 
window 对 象 的 status 属性 ,用 于 设置 状态 栏 的 输出 。setTimeOut() 和 clearTimeOut() 
是 window 对 象 的 方法 ,用 来 设置 和 清除 时 间 控 制 器 。 


2. 打开 一 个 新 窗口 


例 6.6 要求 页 面 上 有 一 个 按钮 ,把 鼠标 移动 到 按钮 上 时 ,打开 一 个 新 窗口 。 
本 实例 使 用 windovw 对 象 的 open 方法 ,打开 了 Tomcat 的 欢迎 页 面 。 页 面 如 图 6-7 
所 示 。 


3 window 对 和 象 的 open() 方 法 - Wicrosoft Tnternet 
Apache Tomcat/5 


Apache 


Tomcat15.5.26 “ee 


If you're seei 
you've setul 


As You may have 


图 6-7 open 方法 的 应 用 


完成 任务 的 页 面 代 码 ex6-06. html 清单 如 下 : 


二 html 二 一 head 二 

二 title 二 window 对 象 的 open() 方 法 一 /title 二 

=/head> 

=body> 

=font size 一 4 盖 一 b> 

一 pb 二 window 对 象 的 open() 方 法 一 /p 二 

一 form 二 一 input type 二 ”button” name 一 ”ControlButton”value 二 ”请 把 鼠标 移 过 来 ” 
onMouseOver 二 ”window. open('http://127. 0. 0.1:8080', ' 新 窗口 ','width 二 350， 
height= 200')”> 

=/form> 

=/b>>=/font> 

=/body>=/html> 
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代码 说 明 : 第 8 行 的 http://127. 0.0.1:8080 指明 新 窗口 的 URL。 
3. 客户 端 输入 信息 验证 


例 6.7 在 客户 端 验证 用 户 输入 数据 。 页 面 上 有 一 个 超级 链接 , 单 击 链 接 时 ,由 
prompt 提示 框 提示 用 户 输入 姓名 ,然后 JavaScript 程序 验证 用 户 输 入 ,如 果 输 入 正确 弹 
出 确认 框 confirm, 车 用 户 在 确认 框 选择 “确认 ”按钮 , 则 链接 到 相关 网 站 ;如 果 输 入 错误 ， 
出 现 警 告 框 alert, 输 出 “对 不 起 ,输入 错误 。”, 程 序 终 止 。 

通过 本 案例 ,将 学 习 JavaScript 接口 元 素 prompt、confirm 和 alert 的 使 用 。 

实现 上 述 任 务 的 代码 ex6-07. html 清单 如 下 : 


=html>=head> 
< 一 title 二 JavaScript 接口 元 素 应 用 二 /title 二 
一 script language 一 "JavaScript > 
< 和 LE 一 
function MyLink( MyName)! 
var MyString 王 prompt(C "请 输入 姓名 :”) 
if(MyString 二 三 MyName)/ * 验证 输入 姓名 是 否 正 确 x*/ 
{ var Mybool 二 confirm(MyString 十 "你 好 ! 链接 到 tomcat 页 面 ?”) 
if(! Mybool) 
window. event. returnValue= false 
} 
else 
{ alert(" 对 不 起 ,用 户 名 错误 。) 


window. event. returnValue 一 false 


= 

=/script> 

=/head> 

=body> 

一 center 二 一 a href="http://127. 0. 0.1:8080” onClick 二 MyLink(" 林 琳 ”) 二 
< 一 h2 二 你 好 ! 欢 迎 光 临 tomcat! 二 /h2 二 二 /a 二 


=/center> 
=/body>=/html> 
代码 说 明 如 下 : 
。 程序 中 第 13 行 的 : alert(" 对 不 起 ,用 户 名 错误 .”)， 
它 在 浏览 器 中 显示 如 图 6-8 所 示 。 Microsoft Internet Explorer [区 | 
。 prompt( 提 示 , 默 认 值 ): 第 6 行 的 var MyString 一 必 对 不 起 ， 用 户 名 模 误 。 
prompt(" 请 输入 姓名 :“) ,如 果 用 户 选 择 “ 确 认 ” 按 己 要 二 
钮 ,在 提示 框 中 输入 的 数据 赋 给 变量 MyString; 它 
在 浏览 器 中 显示 如 图 6-9 所 示 。 站 
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Explorer 用 户 提示 


图 6-9 ”提示 框 


。 confirm( 提 示 ): 第 8 行 的 var Mybool 二 confirm(MyString 十 "你 好 ! 链接 到 tomcat 


页 面 ?), 该 确认 框 在 浏览 器 中 的 显示 如 图 6-10 


所 示 。 


。 第 14 行 : window. event. returnValue 王 false,. 如果 
不 想 建 立 链接 , 单 击 “ 取 消 ” 按 钮 , window. event. 
returnValue 将 false 传 给 浏览 器 ,浏览 器 将 忽略 “ 按 


下 链接 ”的 动作 ,不 产生 建立 链接 的 动作 。 


Hicrosoft Internet Explorer 区 | 


人 林琳 你 好 + 链接 到 toncat 页 面 ? 


Cw 
图 6-10 ”确认 框 


6.6 document 对 象 在 JavaScript 中 的 应 用 


window 对 象 的 下 层 中 使 用 最 多 的 是 document 对 象 。 


6.6.1 


document 对 象 的 属性 


document 对 象 的 属性 可 以 用 来 设置 Web 页 面 的 特性 ,例如 标题 .前 景色 .背景 色 和 


超 链 接 颜色 等 。 


它 主要 用 来 设置 当前 下 载 的 HTML 文件 中 的 基本 数据 和 字符 串 的 显示 


效果 。 表 6-10 列举 了 document 对 象 的 主要 属性 和 它们 的 使 用 说 明 。 
表 6-10 document 对象 属 性 及 其 应 用 


属性 名 称 


说 明 


范 例 


alinkColor 


页 面 中 活动 超级 链接 的 颜色 


document. alinkColor= "red” 


bgColor 页 面 背 景 颜色 document. bgColor 一 "ff0000” 
fgColor 页 面前 景 颜色 document. fgColor="{{000F” 
linkColor 页 面 中 未 曾 访问 过 的 超级 链接 的 颜色 document. linkColor="red” 
vlinkColor 页 面 中 曾经 访问 过 的 超级 链接 的 颜色 document. vlinkColor="green” 


lastModified 


最 后 一 次 修改 页 面 的 时 间 


date= lastModified 


location 


页 面 的 URL 地 址 


url_info= document. location 


title 


页 面 的 标题 


tit_info= document. title 
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6. 6.2 document 对 象 的 方法 


表 6-11 列举 了 document 对 象 的 主要 方法 和 它们 的 使 用 说 明 。 


表 6-11 document 对 象 方法 及 其 应 用 
方法 名 称 说 明 范 例 
clear() 清除 文件 窗口 内 的 数据 document. clear() 
close() 关闭 文档 document. close() 
open() 打开 文档 document. open() 
write() 向 当前 文档 写 入 数据 document. write(" 你 好 !") 
writeln() 向 当前 文档 写 入 数据 ,并 换行 document. writeln(" 你 好 !") 


6.6.3 document 对 象 的 事件 


表 6-12 列举 了 document 对 象 的 鼠标 事件 和 它们 的 使 用 说 明 。 
表 6-12 document 对 象 鼠标 事件 及 其 应 用 


鼠标 事件 


使 用 说 明 


鼠标 事件 


使 用 说 明 


onClick 


在 页 面 上 单 击 鼠 标 左 键 时 发 生 


onMouseOver 


鼠标 移 到 对 象 上 时 发 生 


ondblClick 


在 页 面 上 双击 鼠标 左 键 时 发 生 


onMouseUp 


放 开 鼠标 左 键 时 发 生 


onMouseDown | 在 页 面 上 按 下 鼠标 左 键 时 发 生 | onSelectStart 开始 选取 对 象 内 容 时 发 生 
onMouseMove 在 页 面 上 移动 鼠标 时 发 生 onDragStart 以 拖 忠 方式 选取 对 象 时 发 生 
onMouseOut 鼠标 离开 对 象 时 发 生 


表 6-13 列举 了 document 对 象 的 键盘 事件 和 它们 的 使 用 说 明 。 
表 6-13 ” document 对 象 按键 事件 及 其 应 用 


按键 事件 使 用 说 明 
onKeyDown 用 户 按 下 按键 时 发 生 
用 户 按 下 按键 时 发 生 onKeyDown 事件 .然后 产生 onKeyPress 事件 ,如 果 用 户 按 住 
nMeyPress | 按键 不 放 , 则 产生 一 系列 onKeyPress 事件 
onKeyUp 用 户 放 开 按键 时 发 生 
onHelp 用 户 按 下 系统 定义 的 帮助 键 时 发 生 


6.6.4 document 对 象 的 应 用 案例 


例 6.8 
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页 面 上 有 两 个 文本 框 , 在 第 1 个 文本 框 内 输入 内 容 后 , 单 击 第 2 个 文本 框 ， 


将 在 第 2 个 文本 框 内 显示 第 1 个 文本 框 的 内 容 。 实 现 上 述 任务 的 代码 ex6-08. html 清单 
如 下 : 


=html> 
一 head 二 一 title 二 document 对 象 应 用 一 V/title 二 二 /head 一 
< 一 body 一 
将 文字 输入 文本 框 1 
=form> 
一 input type= text onChange 一 "document. my. elements[0]. value= this. value; "一 


去 ! 一 输入 文本 框 元 素 [0]== 输 入 的 内 容 // 一 二 二 br 二 


=/form> Pa 

单 击 文本 框 2 显示 文本 框 1 内 容 3 docunent 对 象 应 .已 吕 | 区 | 
i 文件 EE) 编辑 (E) 查看 人 鸣 。 收 茂 “局 

<form name 一 my > 地 址 (D) “| 名 _Do6\ex6-08.html 国 | 加 转 到 


二 input type 一 text 


将 文字 输入 文本 框 1 


onChange 一 "document. form[0]. elements[0]. 


几 [ Web 技术 应 用 基础 
value=this. value; > 
去 ! 一 输出 文本 框 元 素 [0]= 输 入 的 内 容 // 一 二 单 击 文本 柜 ?显示 文本 棋 1 内 容 
=/form> Web 技 术 应 用 基础 ] 


一 /body 二 二 /html 二 


ex6-08. html 在 浏览 器 中 的 运行 效果 见 图 6-11。 i 


6.7 JavaScript 内 置 对 象 


JavaScript 提供 了 String( 字 符 串 )、Math( 数 学 )、Array( 数 组 ) 和 Date( 日 期 ) 内 置 对 
象 供用 户 使 用 。 


6.7.1 String 对 象 


String 对 象 的 应 用 非常 简单 ,不 需要 使 用 关键 字 new。 例 如 , var strl 二 ”Hello 
World! 即 创建 了 一 个 名 为 strl 的 String 对 象 。 

String 对 象 的 属性 只 有 一 个 : length, 用 来 统计 字符 串 中 字符 的 个 数 。 例 如 ,上 例 的 
strl. length 的 结果 值 是 12。String 对 象 的 方法 见 表 6-14。 


表 6-14 String 对 象 的 主要 方法 


方法 名 称 说 明 范 例 
anchor( 链 接 名 ) 创建 HTML 中 的 anchor 标记 strl. anchor(”d”) 
big() 以 大 写字 体 显 示 字 符 串 strl. big() 
small() 以 小 写字 体 显 示 字 符 串 strl. small() 
italic() 以 斜体 字 显 示 字 符 串 strl. italic() 
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方法 名 称 说 明 范 例 
bold() 以 粗 体 字 显 示 字 符 串 strl. bold() 
blink() 字符 串 闪烁 显示 strl. blink() 
fixed() 以 固定 字 高 显示 字符 串 strl. fixed() 
fontsize( size) 控制 字体 大 小 strl. fontsize(5) 
toLowerCase() 将 字符 串 改 变 为 小 写 strl. toLowerCase() 
toUpperCase() 将 字符 串 改变 为 大 写 strl. toUpperCase() 
indexOf(str,start-position) 在 start-position 查找 str 字符 串 strl. indexOf("he ”,3) 
substring(start,end) 返回 start 与 end 位置 之 间 的 子 串 strl. substring(4 ,8) 


6.7.2 Math 对 象 


Math 对 象 包括 常用 常数 和 运算 ,如 三 角 函 数 、 对 数 函 数 、 指 数 隐 数 等 。Math 对 象 是 
个 静态 对 象 ,不 需要 创建 具体 实例 即 可 使 用 ,例如 ,var num 王 Math. sqrt(9)。Math 对 
象 主 要 属性 见 表 6-15。 


表 6-15 Math 对 象 主要 属性 


属性 名 称 说 明 范 例 

BE 常数 e Math. E 一 2.718… 

LN10 10 的 自然 对 数 Math. LN10=2. 302… 
LN2 2 的 自然 对 数 Math. LN2 一 0. 693…- 
LOG2E 以 2 为 底 王 的 对 数 Math. LOG2E 一 1. 442… 
LOG10E 以 10 为 底下 的 对 数 Math. LOG10E 一 0. 434… 
PI 圆周 率 Math. PI= 3. 141… 
SQRT1_2 0.5 的 平方 根 Math. SQRT1_2 一 0.707… 
SQRT2 2 的 平方 根 Math. SQRT2 一 1.414… 


Math 对 象 主要 方法 见 表 6-16 。 
表 6-16 Math 对象 主要 方法 


方法 名 称 说 明 范 例 
sin() ,cos() 正弦 、 余 芯 Math. sin(1)=0. 841… 
asin() ,acos() 反正 弦 、 反 余弦 Math. asin(1) 一 1.570… 
tan() ,atan() 正切 、 反 正切 Math. tan(1)=1.557.. 
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方法 名 称 说 明 范 例 
sqrt() 平方 根 Math. sqrt(9) 一 3 
pow(bv,ev) 以 bv 为 底 的 ev 次 方 Math. pow(2,3)=8 
abs() 绝对 值 Math. abs( 一 6) 一 6 


6.7.3 Array 对象 


1. 语法 格式 


语法 : 

数组 对 象 实例 名 一 new Array() 

例如 : 

var arrl 一 new Array() // 创 建 数组 对 象 实例 arrl ,数组 大 小 不 定 
var arr2 一 new Array(8) // 创 建 数组 对 象 实例 arr2 ,数组 长 度 是 8 


如 果 在 创建 数组 对 象 实例 时 不 给 出 元 素 个 数 ,数组 的 大 小 在 引用 数组 时 确定 。 数 组 
的 下 标 从 0 开始 。 


2. Array 对 象 的 属性 与 方法 


Array 对 象 常 用 属性 是 : length 表示 数组 的 长 度 ,等 于 数组 元 素 的 个 数 。 

常用 的 方法 如 下 。 

(1) join(): 返回 数组 中 所 有 元 素 连 接 而 成 的 字符 串 。 

(2) reverse() : 将 数组 元 素 逆转 排列 , 即 把 数组 的 第 一 个 元 素 换 成 最 后 一 个 元 素 ,第 
二 个 元 素 换 成 倒数 第 二 个 元 素 , 依 此 类 推 。 

(3) sort() : 对 数组 中 的 元 素 进 行 排序 。 


3. JavaScript 数组 对 象 的 特点 


(1) 数组 元 素 不 要 求 数据 类 型 相同 ,可 以 给 一 个 数组 的 不 同 元 素 赋予 不 同类 型 的 值 。 
例如 : 


arrl[0] 一 20 // 数 值 型 
arrl[1] 一 "林琳 ” // 字 符 串 型 
arrl[2] 一 false // 布 尔 型 


数组 元 素 可 以 是 数组 对 象 的 实例 ,如 果 数 组 元 素 是 数组 对 象 的 实例 时 ,得 到 一 个 二 维 
数组 。 例 如 : 


var arr—new Array(8) 
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for(i 一 05i 一 8;i++ ) 


arr[i]=new Array(5) 


创建 了 一 个 8X5 的 二 维 数组 。 
(2) 数组 的 长 度 可 以 动态 变化 。 例 如 ,语句 arr 一 new Array(8) 定 义 了 arr 对 象 实例 
的 长 度 为 8, 如果 和 希望 它 的 长 度 增加 到 20, 只 要 通过 赋值 语句 arr[19] 二 10 就 可 以 了 。 


6.7.4 Date 对象 


JavaScript 的 Date 对 象 主要 用 于 对 日 期 和 时 间 的 操作 。 它 没有 属性 ,但 是 有 多 种 方 
法 。 使 用 Date 对 象 定义 日 期 变量 的 语法 形式 如 下 : 


日 期 对 象 实例 名 一 new Date() 


例如 : MyDate 二 new Date() 。 

该 语句 建立 了 一 个 日 期 对 象 的 实例 MyDate ,如果 没有 特别 指定 时 间 , 将 把 系统 的 机 
内 时 间 放 入 MyDate 变量 。 

表 6-17 列举 了 Date 对 象 的 主要 方法 和 它们 的 使 用 说 明 。 


表 6-17 Date 对 象 的 主要 方法 


方法 名 称 说 明 范 例 
getYear() 返回 年 号 MyDate. getYear() 
getMonth() 返回 月 份 数 . 其 值 为 0 一 11.0 代表 1 月 MyDate. get Month() 
getDate() 返回 日 期 .其 值 为 1 一 31 MyDate. getDate() 
getDay() 返回 星期 ,其 值 为 0 一 6.0 表示 星期 日 MyDate. getDay() 
getHours() 返回 小 时 数 . 其 值 为 0 一 23 MyDate. getHours() 


getMinutes() 


返回 分 钟 数 . 其 值 为 0 一 59 


MyDate. 


getMinutes() 


getSeconds() 


返回 秒 数 ,其 值 为 0 一 59 


MyDate. 


getSeconds() 


返回 表示 时 间 的 整数 ,该 时 间 从 1970 年 1 月 1 


getTime() 日 午夜 开始 以 毫秒 为 单位 进行 计算 MyDate. getTime() 
setYear(timevalue) 设置 年 份 ,timevalue 为 大 于 1900 的 整数 MyDate. setYear(2008) 
setMonth(timevalue) 设置 月 份 数 ,timevalue 的 值 为 0 一 11.0 代表 1 月 MyDate. set Month(7) 
setDate(timevalue) 设置 日 期 .timevalue 的 值 为 1 一 31 MyDate. setDate(20) 
setDay() 设置 星期 MyDate. setDay(5) 
setHours(timevalue) 设置 小 时 数 ,timevalue 的 值 为 0 一 23 MyDate. setHours(12) 
setMinutes(timevalue) 设置 分 钟 数 ,timevalue 的 值 为 0 一 59 MyDate. setMinutes(30) 
setSeconds(timevalue) 设置 秒 数 .timevalue 的 值 为 0 一 59 MyDate. setSeconds(30) 
ale 设置 用 长 整数 表示 的 时 间 : 该 时 间 从 1970 年 1 Mylave ceriinateo003 
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月 1 日 午夜 开始 以 毫秒 为 单位 进行 计算 
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6.7.5 JavaScript 内 置 对 象 应 用 案例 


例 6.9 页 面 有 三 个 按钮 ,按钮 上 显示 不 同 的 书 名 : 单 击 按钮 ,在 下 面 的 文本 框 中 显 
示 该 书 的 信息 。 页 面 如 图 6-12 所 示 ,图 6-12(a) 是 打开 时 的 页 面 ,图 6-12(b) 是 用 户 选 择 
“ 英 华 大 字典 ”后 显示 的 图 书信 息 。 


5cript 内 置 对 . . . [= | 已 | 区 | EP A |=] 
i 文件 中) 缠 往 人 ) 各 看 (如 履 要。 ” 亡 i 文件 (E) 网 三 (E) 囊 看 5D 收 更 人” 讲 
;地 址 印 》 = 全 x_D06\ex6-03.ntal 国 | 固 和 9 到 地 直人 = 司 =<_D0svex6-0s.htnl 国 | 加 况 到 


章 击 按钮 查 半 详细 信 复 单 击 按 主 查阅 话 细 信息 
CE 和 


图 6-12 JavaScript 内置 对 象 应 用 案例 


实现 以 上 任务 的 页 面 代码 ex6-09. html 清单 如 下 : 


二 html 二 一 head 一 
< 一 title 二 JavaScript 内 置 对 象 应 用 案例 二 /title 二 
一 script language="JavaScript > 
< I= 
function upBookInfo(titleInfo) { 
document. BookForm. BookTitle. value 一 titleInfo 
document. BookForm. BookAuth. value= this. Auth 
document. BookForm. BookPublisher. value= this. Publisher 
} 
function Book(title,auth,publisher){ 
this. Title= title 
this. Auth= auth 
this. Publisher= publisher 
this. UpInfo= upBookIn{o 
} 
> 
=/script> 
=/head> 
=body 
一 script language="JavaScript > 
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var Books 一 new Array() 

Books[0] 一 new Book( "算法 与 数据 结构 "… 严 蔚 敏 陈 文 博 "清华 大 学 出 版 社 ”) 

Books[1] 一 new Book(C XMLVJSP 网 页 编程 教材 ”." 匡 艾 ”." 北 京 希望 电子 出 版 社 ”) 

Books[L2] 一 new Book(" 英 华 大 字典 ”." 郑 易 里 ”." 商 务 印 书 馆 ”) 
=/script> 
一 font color 二 “blue” face 一 "隶书 "size 一 5 二 单 击 按钮 查阅 详细 信息 
一 form name 一 "BookForm "一 

一 input type 王 button value 二 "算法 与 数据 结构 ”onClick 二 ”Books[0j. UpInfo(' 算 法 与 数据 结构 ')” 二 
> 

一 input type 一 button value 一 "XMLVJSP 网 页 编程 教材 ” 

onClick 一 "Books[1]. UpInfo('XML/JSP 网 页 编程 教材 ') 全 一 p 二 

一 input type 一 button value 二 ” 英 华 大 字典 ” onClick 二 ”Books[2]. UpInfo(' 英 华 大 字 
典 人 "之 一 p> 
书 名 :一 input type 一 "text' name="BookTitle > 二 p> 
作 者 :一 input type 二 "text” name 一 "BookAuth' 二 一 p 二 
出 版 社 :一 input type 二 "text” name 一 "BookPublisher' 二 一 p 二 
=/font>=/form> 
=/body>=/html> 


6.8 JavaScript 应 用 案例 


本 节 给 出 JavaScript 的 几 个 应 用 案例 。 
6.8.1 数字 钟 


例 6.10 制作 一 个 页 面 .页面 上 显示 “ 单 击 此 处 启动 数字 钟 ,统计 页 面 持续 时 间 ”。 
当 单 击 文字 时 ,启动 数字 钟 ,用 以 显示 当前 时 刻 和 网 页 的 持续 时 间 ,页面 如 图 6-13 所 示 。 


ER 内 置 对象 Date () 应 用 案例 - Microsoft..- 于 | 问 必 
; 文件 (E) 编辑 (E) 查看 (人 收藏 4) 工具 (IT) 帮助 (ED) 


:地址 (D) -| 钨 D:\2008 第 二 版 Web 技 术 应 用 基础 vexVex_D06\ex6-010. htnl 


网 页 下 载 的 时 间 是 : 2008 年 8 月 17 日 17 时 15 分 21 秒 


时 钟 : 22 时 47 分 53 秒 
页 面 持续 时 间 是 :5 时 32 分 32 秒 


图 6-13 启动 数字 钟 统计 网 页 持续 时 间 


本 案例 将 使 用 JavaScript 对 象 及 其 内 置 的 日 期 对 象 Date。 
实现 以 上 任务 的 页 面 代 码 ex6-10. html 清单 如 下 : 
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二 html 一 二 head 一 
一 title 二 JavaSeript 内 置 对 象 Date() 应 用 案例 一 /title 二 
一 script language 一 "JavaScript 一 
<= 
function Eclock(C){ 
var MyDate2 一 new Date() 
var MyTime2 一 MyDate2. getTime() 
var TimeString2 一 ' 时 钟 : ' 十 MyDate2. getHours() 十 "时 "十 
MyDate2. getMinutes() 十 "分 "十 MyDate2. getSeconds0O 〇 十 ' 秒 ' 
var MyHours3 一 0;MyMinutes3 一 0 
var MySeconds4= Math. round(C(MyTime2-MyTimel)/1000) 
MyHours3= Math. round( (MySeconds4-1800)/3600) 
MyMinutes3= Math. round(((MySeconds4-30) »%3600)/60) 
(MyMinutes3= = 60) 
MyMinutes3 王 0 
MySeconds4= Math. round( MySeconds4 % 3600) 
MySeconds3= Math. round( MySeconds4 % 60) 
var TimeString3 一 ' 页 面 持续 时 间 是 : ' 十 MyHours3 十 "时 ' 十 MyMinutes3 十 "分 "十 MySeconds3 
十 ' 秒 ' 
Clock. innerHTML 一 TimeString2 十 "一 P 二 ' 十 TimeString3 
setTimeout ("Eclock()”,1000) 
} 
= 
=/script> 
=/head> 
=body> 
一 h2 二 一 font color 二 "green” face 一 "楷体 "一 
一 script language 一 "JavaScript > 
区 一 
var MyDatel = new Date() 
var MyHoursl = MyDatel. getHours() 
var MyMinutesl = MyDatel. getMinutes() 
var MySeconds1 王 MyDatel. getSeconds() 
var MyTimel= MyDatel. getTime() 
window. document. write(" 网 页 下 载 的 时 间 是 :“. 
MyDatel. getYear() ,年 '. MyDatel. getMonth() 十 1, ' 月 '、 
MyDatel. getDate(1), ‘日 ',. MyDatel. getHours().’ 时 '. 
MyDatel. getMinutes(),' 分 ', MyDatel. getSeconds(),' 秒 ') 
= 
=/script>=/font>=/h?2> 
一 div id= Clock style="position:absoulte;left:150;top:150;font-family: "楷体 "; 
font-size:30;color: #0000FF” OnClick="Eclock |)"> 
单 击 此 处 启动 数字 钟 并 统计 网 页 持续 时 间 二 /div 二 
=/body>=/html> 
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代码 说 明 如 下 : 
@ 文件 体 二 body 二 中 的 第 5 行 : 


var MyDatel 一 new Date() 


Date 是 JavaScript 内 置 的 日 期 对 象 , 主 要 用 于 对 系统 的 日 期 和 时 间 进 行 操作 。 使 用 
关键 字 new 创建 了 名 为 MyDatel 的 实例 对 象 . 浏 览 器 把 本 地 客户 端的 时 间 赋 予 变 量 
MyDatel 。 

@ 文件 体 二 body 二 中 第 6 行 : 


MyHoursl= MyDatel. getHours() 
getHours() 是 Date 对 象 的 方法 ,返回 对 象 中 的 小 时 数 。 该 行将 MyDatel 对 象 中 的 


小 时 数 赋 给 变量 MyHours1l 。 

@ 文件 体 二 body 二 中 第 9 行 : 

var MyTimel= MyDatel. getTime() 

getTime() 是 Date 对 象 的 方法 ,返回 对 象 中 表示 时 间 的 整数 ,该 时 间 从 1970 年 1 月 
1 日 午夜 开始 以 毫秒 为 单位 进行 计算 。 

@ 文件 体 王 body 二 中 第 16 行 至 第 18 行 : 

一 div id 一 Clock style="position:absoulte;left:150;top:150;font-family: “楷体 '; 

font-size:30;color: #0000FF” OnClick 一 "Eclock() ”一 

单 击 此 处 启动 数字 钟 并 统计 网 页 持续 时 间 二 /div 二 

在 网 页 上 设 定 了 一 个 id 是 Clock 的 div 块 , 该 块 将 由 文件 头 中 用 JavaScript 语言 书 
写 的 EclockQ 〇 函数 中 的 语句 引用 (代码 中 的 第 19 行 )。 

Clock. innerHTML 王 TimeString2 十 "一 P 二 ' 十 TimeString3 

Clock. innerHTML 表示 id 是 Clock 块 中 的 内 容 , 更 新 为 赋值 号 右边 的 值 。 也 就 是 
说 ,在 网 页 上 启动 数字 钟 后 ,“ 单 击 此 处 启动 数字 钟 并 统计 网 页 持续 时 间 ” 这 行文 字 将 由 
TimeString2 和 TimeString3 串 中 的 内 容 蔡 换 。 

@ 文件 头 中 的 Eclock() 函 数 是 单 击 鼠 标 左 键 OnClick 的 事件 处 理 程序 ,启动 数字 
钟 ,并 统计 网 页 的 持续 时 间 。 

@ 代码 的 第 6 行 : 


var MyDate2= new Date() 


使 用 关键 字 new 创建 对 象 Date 的 另 一 个 实例 MyDate2 ,一 个 对 象 可 以 有 多 个 实例 。 
@ 代码 的 第 11 行 : 


var MySeconds4= Math. round(C(MyTime2-MyTimel)/1000) 


Math. round() 是 JavaScript 内 置 Math 对 象 的 round() 方 法 ,把 一 个 数 四 舍 五 人 为 
整数 。 
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@ 代码 的 第 20 行 : 
setTimeout ("Eclock() ,1000) 


setTimeout() 方 法 将 每 隔 1000 毫秒 执行 一 次 Eclock() 函 数 , 更 新 一 次 数字 钟 和 网 页 
持续 时 间 的 数据 。 


6.8.2 状态 栏 文字 滚动 显示 


例 6.11 当 单 击 页 面 时 


该 案例 将 应 用 window 对 象 的 status 属性 ,设置 状态 栏 的 显示 内 容 。 


,状态 栏 的 文字 滚动 显示 。 


编制 onClick 事件 响应 程序 ,使 状态 栏 滚动 显示 。 
完成 如 上 任务 的 页 面 代码 ex6-11. html 清单 如 下 : 


一 html 二 二 head 一 
到 title 二 状态 栏 文字 滚动 显示 所 /title 一 
一 script language 一 JavaScript > 

a 由 
var ScrText 二 "欢迎 学 习 'Web 技术 应 用 基础 “1” 
var LenText= ScrText. length 


} 


var Width= 80 
var Pos= 1-Width 
function ScrollO){ 
Pos 十 十 
var Scroller= 
if(Pos= = LenText){ 
Pos=1-Width 


mr 


1 
了 


if(Pos=0)1{ 
for(var i 一 1;i 一 一 


Scroller= Scrol 


Math. absC(Pos):i 十 十 ) 
er 十 必 


Scroller= Scroller 十 ScrText. substring(0.Width 一 i 十 1) 


} 


else Scroller= Scroller+ 


| ScrText. substring(Pos.Width 十 Pos) 


window. status= Scroller 


setTimeout(”Scroll()”, 


= 

=/script> 

=/head> 

二 body onClick="Scroll |)"> 
=div id= StaScroller 

style 二 ”position:absoulte;left:150;top:150;font-size:20;color: #0000FF” 二 单 击 页 面 注意 状态 栏 
的 变化 二 /div 二 


16) 
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=/body>>=/html> 


读者 可 以 执行 上 述 程序 ,观察 执行 效果 。 


6.8.3 随机 改变 页 面 背景 色 


例 6.12 随机 产生 页 面 的 背景 色 。 
完成 如 上 要 求 的 代码 ex6-12. html 清单 如 下 : 


=html> 
过 head 一 到 title 一 背景 色 随 机 改变 二 /title 一 
=/head> 
=body> 
一 script language= JavaScript> 
var mybool= false 
color_bar 一 new Array(3) 
for(var i=0;i<color_bar. length;i 十 十 ){ 
whileCmybool 王 一 false){ 
var start_num= (Math. round(Math. random() * 1000)) 
if(start_num>255){ 
mybool= false 
continue 
} 
color_bar[i]= start_num 
mybool= true 
} 
mybool= {alse 
} 
var a= color_bar[0]. toString(16) 
if(a. length 一 2){ 
a 一 (0" 十 a) 
var b 一 color_bar[1]. toString(16) 
if(b. length 一 2){ 
b 一 (0" 十 b) 


} 
var c 一 color_bar[2]. toString(16) 
if(c. length 一 2){ 

c 一 (0" 十 c) 


var mkcolor 一 (”“ 十 " 井 " 十 a 十 b 十 c 十 ”“) 

document. bgColor= mkcolor 

document. write(" 一 font face 一 "隶书 ' color 一 "white' size 一 6 二 背景 色 是 :“ 十 mkcolor 十 "一 /font 二 ”) 
=/script> 
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=/body>=/html> 
ex6-12. html 在 浏览 器 中 的 显示 效果 如 图 6-14 所 示 。 
马 背 景色 随机 改变 - Microsoft 


i 文件 (E) ”编辑 (E) 查看 (四 收藏 (4) 工具 (I) 帮助 0 
; 地址 (D) ~| 科 8 第 二 版 Web 技 术 应 用 基础 \ex\ex_D06\ex6-12. html 国 


背景 色 是 :“#b8ffdf” 


图 6-14 背景 色 随 机 改变 


6.8.4 鼠标 跟随 


例 6.13 当 鼠 标 在 页 面 上 移动 时 ,有 一 幅 图 像 或 一 行文 字 随 鼠标 移动 。 
完成 如 上 要 求 的 代码 ex6-13. html 清单 如 下 : 

=html> 

二 head 二 一 title 二 鼠标 跟随 二 /title 二 


一 script language 
二 


= JavaScript> 
Var x»y 
var CanBool=0 
function canMove()! 
x= document. body. scrollLeft 十 event. clientX 
y 一 document. body. scrollTop 十 event. clientY 
CanBool=1 
} 
function move(O)! 
ifCCanBool) 1{ 
ball. style. posLeft 一 x 十 20 
ball. style. posTop=y 
} 
setTimeout('move() ,100) 
} 
= 
=/script> 
=/head> 
一 body onload="”"move()” onMouseMove="canMove()’> 
一 font face 一 "隶书 ” size 一 5 color 一 blue 二 鼠标 移动 图 像 跟随 效果 一 /font 二 
一 div id 一 "ball” style="position:absolute;left:250px;top:118px;z-index:”6"> 
一 img src 一 "ball. gif 一 
<=/div> 
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=/body>=/html> 
ex6-13. html 在 浏览 器 中 的 显示 效果 如 图 6-15 所 示 。 


EE 
文件 E) 编辑 EE) 查看 收 疗 和 ) 工具 0) 玫 助 ) | 诗 


@iE- 日 - 国 国 纹 | Pr wax ” 
于 ween-1s el 国 | 国 轩 到 | 夺 


她 标 移动 图 停 跟 随 效 果 


图 6-15 鼠标 跟随 


6.9 JavaScript 在 网 上 书店 中 的 应 用 案例 


1. 设置 页 面 的 大 小 与 格式 
在 bookshop 文件 夹 的 index. jsp 文件 中 ,与 页 面 设置 相关 的 代码 段 如 下 : 


一 Script language= javascript> 
二 ! 一 Begin 
function setVariables() { 
imgwidth= 50; 
imgheight= 50; 
if (navigator. appName == "Netscape’) { 
horz=". left”; 
vert=". top”; 
docStyle="document. ”; 
styleDoc="; 
innerW ="window. innerWidth”; 
innerH="window. innerHeight”; 
offsetX 一 "window. pageXOffset”; 
offsetY 一 "window. pageYOffset; 


else { 
horz=". pixelLeft”; 
vert=". pixelTop”; 
docStyle=”; 
styleDoc=". style”; 
innerW ="document. body. clientWidth”; 


innerH 一 “document. body. clientHeight” ; 
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offsetX 一 “document. body. scrollLeft” ; 


offsetY 一 "document. body. scrollTop”; 


} 
function checkLocation() { 
objectXY="branding”; 
var availableX=eval(innerW); 
var availableY =eval(innerH); 
var currentX—=eval(offsetX); 
var currentY 一 eval(offsetY); 
x 一 availableX-(imgwidth 十 60) 十 currentX; 
y 一 availableY-(imgheight 十 40) 十 currentY-300; 
eval Move(); 
setTimeout(”checkLocation()" .10); 
} 
function eval Move() { 
eval(docStyle 十 objectXY 十 styleDoc 十 horz 十 “一 ”十 x); 
eval(docStyle 十 objectXY 十 styleDoc 十 vert 十 “一 ”十 y); 
} 
// End —> 
=/script> 


一 link href 一 "maincss. css” rel="stylesheet” type 一 "text/css 一 


一 body onload="setVariables(); checkLocation(); 一 
一 div align 一 "center 一 


=/body>=/html> 


2. 用 户 登 录 功 能 login. jsp 代码 


用 户 登 录 功 能 包括 客户 端 验证 与 服务 器 端 验证 ,与 服务 器 端 验证 相关 的 代码 将 在 后 
续 章 节 讲 解 。login. jsp 程序 中 的 客户 端 验 证 代码 段 如 下 : 


一 script language="javascript > 
Ea 
function CheckSubmit() 
{ 
if( document. loginform. userid. value 一 一 
{ alert(" 请 输入 用 户 名 !”); document. loginform. userid. focus() ; return false; } 


mm ) 


wm ) 


if( document. loginform. password. value = = 
{ alert(" 请 输入 密码 1"); document. loginform. password. focus(); return false; } 
if(document. loginform. userid. value. indexOf(””) ! = 一 1) 
{ alert(" 用 户 名 不 能 包含 单 引号 、 空 格 等 字符 !”); 
document. loginform. userid. focus(); return false; } 
return true; 


} 
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=/script> 
一 link href 一 "maincss. css”rel 一 “stylesheet' type="text/css’> 
< 一 table width="”100%" border="0" cellpadding ="0"” cellspacing ="0” bgcolor="# f6f6{6”class 一 
2 
一 form name 一 "loginform” action 一 "index. jsp? op=login” method="post” > 
tr 
< 一 td colspan 一 "3" 盖 一 div align="left > 
一 img src 一 “images/login_rl. jpg” width 一 "158"”height 一 "43" 盖 一 /div 二 一 /td 二 
<=/tr>> 
< 一 tr 一 
一 td width="8"> &nbsp;=/td> 
< 一 td width 一 "25%" 盖 用 户 名 一 /td 
< 一 td width="75%"> 
一 input name 一 "userid”type 一 "text”class 一 "formtext” size 一 "12" 全 一 /td 一 
/> 
=tr> 
=td> &nbsp;=/td> 
二 td 二 密码 二 /td 请 
=td> 
一 input name="password” type="password” class="{ormtext" size="12"> 
=/td> 
< /tr> 
> 
一 td 二 &nbsp;: 一 /td 二 
一 td colspan 一 "2 一 


” 


一 input name 一 ”loginbutton” type 二 ”submit” value 二 ”登录 “ onClick 一”return 
CheckSubmit() ;一 
新 用 户 二 a href 一 "register. jsp' 二 注册 一 /a 二 二 /td 二 
</i> 
=/form> 
=/table> 


一 、 习题 

1. 什么 是 脚本 语言 ? 它 的 功能 是 什么 ? 

2. 客户 端 脚本 和 服务 器 端 脚本 各 自 的 功能 是 什么 ? 

3. 如 何 将 JavaScript 嵌入 HTML 页 面 ? 请 写 出 它们 的 关键 语句 。 

4. 如 何 将 JavaScript 调和 人 HTML 文档 ? 请 写 出 它们 的 关键 语句 。 

5. window 对 象 的 组 成 结构 是 怎样 的 ? 

6. window 对 象 的 主要 属性 和 方法 是 什么 ? 举例 说 明 它 们 的 应 用 方法 。 
7. window 下 层 最 主要 的 对 象 是 什么 ? 
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8. document 对 象 的 主要 属性 方法 和 事件 是 什么 ? 请 举例 说 明 它 们 的 使 用 方法 。 

9. document 对 象 的 按键 事件 在 什么 时 候 起 作用 ? 

10. JavaScript 中 的 函数 如 何 定义 ,如 何 调用 ? 

11. JavaScript 如 何 创建 对 象 ? 如 何 访问 所 创建 对 象 的 方法 和 属性 ? 

12. JavaScript 主要 应 用 哪 几 个 接口 元 素 ?” 如 何 使 用 ? 

二 、 上 机 练习 

1. 使 用 过 script 一 标记 把 一 小 段 脚本 程序 做 和 或 调 入 HTML 页 面 ,并 在 浏览 器 中 显 
示 它 的 结果 。 

2. 使 用 JavaScript 制作 一 个 跑马 灯 。 

3. 使 用 JavaScript 编制 一 段 代码 完成 以 下 功能 : 

(1) 要 求 输入 一 个 姓名 。 

(2) 用 确认 框 检查 输入 是 否 正确 (是 否 为 合法 输入 字符 ,位 长 是 否 合理 等 )。 

(3) 根据 输入 给 出 相应 的 提示 。 

4. 页 面 上 有 一 幅 图 像 ,在 状态 栏 显 示 有 关 图 像 的 说 明 。 单 击 图 像 时 , 换 成 男 一 幅 图 
像 , 同 时 状态 栏 的 内 容 也 做 相应 的 变更 。 

5. 制作 页 面 , 实 现 鼠 标 移动 时 ,一 行文 字 跟 随 鼠 标 移 动 。 

6. 制作 一 个 页 面 , 页 面 上 有 两 个 文本 框 和 提交 按钮 ,在 文本 框 中 输入 信息 后 ,用 鼠标 
单 击 提交 按钮 后 ,将 显示 文本 框 中 输入 的 内 容 。 

7. 在 客户 端 验 证 用 户 输入 信息 ,如 果 输 入 正确 ,允许 链接 到 网 站 ;如 果 不 正 确 ,禁止 
链接 ,要求 用 户 界 面 友好 。 

8. 制作 一 个 页 面 ,页 面 的 背景 色 可 以 随机 变化 。 

9. 制作 一 个 数字 钟 ,根据 网 页 下 载 持续 时 间 进 行 收 费 。 

10. 制作 一 个 打猎 游戏 ,页 面 上 有 几 个 猎物 ,或 在 飞 或 在 跑 , 用 鼠标 追赶 猎物 , 追 上 后 
用 鼠标 单 击 猎 物 ,弹出 信息 框 说 明 猎 物 被 击 中 ,同时 猎物 消失 。 

11. 为 某 单位 的 主页 制作 标题 ,使 标题 具有 动态 效果 。 

三 、 实 训 课题 

1. 应 用 JavaScript 制作 一 个 计算 器 ,可 以 对 整数 和 小 数 进 行 加 、 减 、 乘 、 除 运算 ,计算 
器 的 界面 如 图 6-16 所 示 。 


6-16 计算 器 界面 
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2. 为 某 企业 网 站 设计 并 制作 一 个 业务 查询 栏目 。 输 入 正确 的 用 户 名 及 口令 后 ,允许 
进行 查询 。 请 读者 完成 用 户 需求 分 析 ,确定 查询 的 项 目 ,设计 并 规划 栏目 的 界面 ,并 使 用 
JavaScript 脚本 语言 完成 控件 之 间 的 响应 任务 和 计算 任务 (如 果 存 在 计算 任务 的 话 ) 。 

3. 某 银行 网 站 希望 增加 一 个 栏目 ,在 界面 中 输入 本 金 、 存 款 方式 和 存款 时 间 后 , 即 可 
得 到 到 期 后 的 本 金 和 利息 之 和 共有 多 少 ,以 利于 客户 选择 存款 方式 。 完 成 该 栏目 的 设计 
与 制作 。 

4. 制作 一 个 扑克 牌 的 21 点 游戏 ,游戏 开始 随机 发 4 张 牌 ,通过 加 、 减 、 乘 、 除 使 答案 
为 21。 设 计 该 游戏 并 完成 它 的 制作 。 
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JSP 技术 是 开发 Web 数据 库 应 用 的 先进 工具 。 它 是 基于 JavaServlet 以 及 整个 Java 
体系 的 Web 开发 技术 。 应 用 JSP 技术 可 以 开发 动态 .高 性 能 .安全 和 路 平台 先进 的 Web 
应 用 系统 。 通 过 第 3 篇 的 学 习 , 读 者 将 掌握 JSP Web 数据 库 应 用 开发 技术 。 第 3 篇 将 主 
要 介绍 以 下 内 容 : 


第 7 章 JSP 运行 机 制 与 基本 语法 

第 8 章 JSP 内 置 对 象 

第 9 章 基于 JSP 的 Web 数据 库 应 用 开发 

第 10 章 网 上 书店 的 实现 

第 3 篇 所 有 案例 在 “Windows XP 十 Tomcat 十 SQL Server 个 人 版 ?环境 上 调试 通过 。 


章 JSP 运行 机 制 与 基本 语法 
第 


7.1 JSP 技术 概述 


第 7 章 案 例 应 存放 在 Tomcat 发 布 目录 下 ,本章 案 例 存 放 在 D:Ntomcat5. 5\webappsN 
ex_D07 目录 下 。 


7.1.1 JSP 应 用 示例 

例 7.1 第 一 个 JSP 程序 ,制作 一 个 简单 的 JSP 页 面 , 在 浏览 器 中 输出 3 行 由 小 变 大 
的 文字 ,制作 步骤 如 下 。 

1. 在 记事 本 中 输入 JSP 源 代码 

打开 记事 本 ,输入 以 下 代码 ,文件 是 文本 格式 的 ,编辑 完成 后 ,以 .jsp 后 级 保存 在 
D:\tomcat5. 5\webapps\ex_D07 目录 下 。 由 于 JSP 是 基于 Java 的 ,所 以 文件 名 区 分 大 小 
写 。ex7-01. jsp 的 源 代码 如 下 : 


WU%@ page contentType= "text/html; charset=GB2312"%> 


=html> 
=hea <title 二 第 一 个 JSP 页 面 一 /title 之 
=/head> 

ee 

二 % 一 JSP 中 的 注释 语句 一 % 二 

=center> 

二 %==” 二 font size 一 4 color 二 red 记 字体 由 小 变 大 显示 二 /font>"% 
=/center>=br>=hr><br> 


et 六 1 
一 div align 一 "center 一 


=% 
// 使 用 Java 语言 的 for 循环 语句 控制 输出 字体 的 大 小 
for( int i=4; i>1; i 一 一 ) 


out. println( “二 h” 十 i 十 "Web 技术 应 用 基础 二 /h” 十 i 十 二”) 
%> 


=/div> 
=/body>=/html> 


2. 在 浏览 器 中 显示 结果 


应 用 发 布 方式 查看 结果 。 打 开 浏 览 器 ,在 浏览 器 地 址 栏目 中 输入 ex7-01. jsp 文件 的 
URL: http://127. 0. 0. 1: 8080/ex_D07/ex7-01. jsp。 该 段 代码 在 浏览 器 中 的 显示 如 
图 7-1 所 示 。 


要 第 一 个 JSP 页 面 - Microsoft Inte... [| 已 | 区 | 
; 文件 E) 编辑 (E) 查看 (四 收藏 (&) 工具 (IT) 帮助 (H) [7 


; 地 址 (D) “| 蜀 http://localhost:8080/ex_D07/ex7-01. jzp 国 | 加 转 到 


字体 由 小 变 大 显示 


eb 技术 应 用 基础 
Web 技 术 应 用 基础 


Web 技 术 应 用 基础 


馈 本地 Intranet 


图 7-1 字体 由 小 变 大 


3. 经 服务 器 端 作 用 后 在 客户 端 见 到 的 源 代码 


在 客户 端 浏览 器 菜单 中 选择 “查看 ”>“ 源 文件 ”, 观 察 经 服务 器 端 作用 之 后 ,在 客户 端 
显示 的 代码 如 下 : 


=html> 

二 head 二 二 title 二 第 一 个 JSP 页 面 二 /title 二 
<=/head> 

一 body 二 

=center> 

到 font size 一 4 color 一 red 二 字体 由 小 变 大 显示 一 /font 一 
<=/center><br><hr><br> 

一 div align="center’> 

去 h4 二 Web 技术 应 用 基础 二 /h4 二 

一 h3 二 Web 技术 应 用 基础 二 /h3 二 

二 h2 二 Web 技术 应 用 基础 过/h2 一 


=/div> 
=/body>=/html> 
这 段 代码 与 服务 器 端的 代码 是 不 同 的 .在 服务 器 端的 ex7-01. jsp 文档 中 的 脚本 : 
=% 
for( int i=4; i>1; i—— ) 


out. println( “二 hb” 十 十 "六 Web 技术 应 用 基础 二 /h” 十 i 十 >"); 
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%> 
经 服务 器 端 编 译 执行 后 ,在 客户 端 形成 标准 的 HTML 语句 : 


一 h4 二 Web 技术 应 用 基础 二 /h4 二 

二 h3 二 Web 技术 应 用 基础 二 /h3 二 

二 h2 二 Web 技术 应 用 基础 二 /h2 二 

客户 端的 用 户 见 不 到 服务 器 端 运行 的 源 代 码 , 只 能 看 到 运行 后 的 标准 HTML, 这 将 
使 源 代码 不 外 汇 , 有 助 于 开发 者 保护 自己 的 知识 产权 。 


7.1.2 JSP 运行 机 制 


JSP 是 服务 器 端 技术 ,在 服务 器 端 JSP 引擎 解释 JSP 代码 ,然后 将 结果 以 HTML 页 
面 形式 发 送 到 客户 端 ,在 客户 端的 用 户 是 看 不 到 JSP 代码 的 。 

以 代码 ex7-01. jsp 为 例 ,说 明 JSP 程序 的 运行 过 程 。 

@ 当 服 务 器 上 的 一 个 JSP 页 面 第 一 次 被 请 求 执行 时 ,服务 器 上 的 JSP 引擎 解析 页 
面 ,并 生成 一 个 Java 源 文件 * .java。 读 者 可 以 打开 Tomcat 的 工作 目录 : 


D:\Tomcat 5. 5\work\Catalina\localhost\ex_D07\org\apache\jsp 


在 该 目录 下 存放 JSP 引擎 工 作 过 程 中 产生 的 *.java 和 x*. class 临时 文件 。 找 到 对 
应 的 ex7_002d01_jsp. java 文件 ,这 就 是 JSP 引擎 解析 ex7-01. jsp 时 得 到 的 Java 源 程序 ， 
如 果 读 者 有 兴趣 ,可 以 用 文本 编辑 器 打开 该 文件 查看 。 

@ 然后 把 该 Java 文件 编译 生成 Java class 字 节 码 文件 x*. class。 这 个 class 文件 就 
是 Servlet,Servlet 引擎 像 处理 其 他 所 有 的 Servlet 一 样 处 理 该 class 文件 。 字 节 码 文件 的 
任务 是 : 

。 把 JSP 页 面 中 的 HTML 标记 送 到 客户 端 浏览 器 执行 显示 。 

。 JSP 标记 ,数据 和 方法 声明 Java 程序 段 在 服务 器 解释 执行 ,把 需要 显示 的 结果 恋 

入 HTML 页 面 送 客户 端 浏览 器 显示 。 
。 由 服务 器 计算 Java 表达 式 , 把 计算 结果 转化 为 字符 串 , 送 交 客 户 端 浏览 器 显示 。 
在 Tomcat 的 工作 目录 下 ,读者 可 以 看 到 ex7_002d01_jsp. class 文件 。 

G@) Servlet 引擎 载 人 class 文件 开始 执行 。 

@ Servlet 执行 完成 后 ,把 结果 返回 给 发 出 请 求 的 客户 。 

过 程 @ 和 加 只 有 在 页 面 首 次 执行 或 升级 JSP 时 才 发 生 ,Servlet 引擎 只 在 服务 器 重 
新 启动 后 产生 第 一 个 请 求 时 才 执 行 过 程 @;class 载 人 器 仅 载 人 class 文件 一 次 ,并 且 在 
Java 虚拟 机 的 运行 期 间 内 均 有 效 可 行 。 过 程 田 的 执行 效率 与 数据 量 有 关 。 由 于 在 JSP 
程序 的 执行 过 程 中 预先 生成 了 . class 文件 .所 以 同 其 他 技术 相 比 ,JSP 的 运行 速度 是 较 
快 的 。 
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7.1.3 JSP 的 特点 


JSP 的 主要 特点 如 下 。 
1. 把 内 容 的 生成 和 显示 分 离 


使 用 JSP 技术 可 以 把 界面 的 开发 与 程序 逻辑 的 开发 分 离开 。Web 开发 人 员 使 用 
HTML 标记 来 设计 界面 ,使 用 JSP 标记 或 脚本 生成 页 面 上 的 动态 内 容 。JSP 技术 使 得 开 
发 人 员 的 分 工 更 加 明确 ,页 面 设计 者 可 以 修改 内 容 的 显示 而 不 影响 逻辑 ,应 用 程序 的 开发 
者 修改 逻辑 而 不 影响 内 容 显 示 。 


2. 生成 可 重用 的 组 件 


绝 大 多 数 JSP 页 面 依赖 于 可 重用 的 、 跨 平台 的 组 件 (JavaBean 或 Enterprise 
JavaBean) 来 执行 应 用 程序 要 求 的 复杂 处 理 。 开 发 人 员 可 以 共享 和 交换 组 件 , 或 把 这 些 组 
件 提 供给 更 多 的 用 户 使 用 。 基 于 组 件 的 开发 方法 有 效 地 提高 了 应 用 程序 的 开发 效率 ,加 
速 了 项 目的 总 体 开 发 进程 。 


3. 应 用 标记 简化 页 面 的 开发 


JSP 技术 封装 了 许多 功能 ,这 些 功 能 是 生成 与 JSP 相关 的 HTML 或 XML 的 动态 内 
容 时 所 需要 的 。 标 准 的 JSP 标记 能 够 访问 和 实例 化 JavaBean 组 件 ,设置 或 检索 组 件 的 属 
性 ,下 载 Applet, 以 及 执行 使 用 其 他 方法 难以 实现 的 功能 。 

JSP 标记 具有 可 扩充 性 ,允许 开发 者 扩展 JSP 标记 ,开发 人 员 也 能 够 定制 常用 功能 标 
记 库 。 第 三 方 或 其 他 开发 人 员 也 可 以 创建 自己 的 标记 库 。 由 于 页 面 制 作者 可 以 使 用 标记 
库 中 的 功能 ,大 大 减少 了 对 脚本 语言 的 依赖 ,并 降低 了 页 面 制作 的 复杂 度 。 


4. 具有 Java 特点 


由 于 JSP 页 面 的 内 置 脚本 是 基于 Java 语言 的 ,而 且 所 有 的 JSP 页 面 都 被 编译 成 Java 
Servlet ,所 以 JSP 具有 Java 的 特点 ,如 健壮 的 存储 管理 .安全 性 . 跨 平 台 特 性 “一 次 编写 ， 
各 处 运行 ?等 。 


7.1.4 JSP 页 面 结 构 


由 例 7.1 可 以 看 出 JSP 文件 由 两 部 分 组 成 : 一 部 分 是 二 %…% 二 标记 以 外 的 部 分 ; 
另 一 部 分 是 在 二 %…% 二 标记 内 的 代码 ,标记 内 的 代码 即 为 JSP 代码 。JSP 代码 由 JSP 
引擎 处 理 。 

在 HTML 文件 中 和 岩 入 Java 程序 段 Cscriptlet) 和 JSP 标记 (tag), 就 组 成 了 JSP 页 
面 (* .jsp)。Web 服务 器 遇 到 JSP 页 面 时 , 先 执行 姐 入 的 JSP 程序 段 , 然 后 将 运行 结果 与 
其 他 的 HTML 组 合 到 一 起 返回 给 客户 。Java 程序 段 可 以 操作 数据 库 、 重 新 定向 页 面 和 
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发 送 E-mail 等 。 
7.2 JSP 基本 语法 


7.2.1 JSP 页 面 组 成 


JSP 常用 的 语句 主要 有 以 下 6 种 类 型 。 
za 注释: 二 % 一 注释 内 容 一 % 二 

Q@ 声明: 二 %! 预定 义 内 容 % 二 

@@ 表达 式 : 二 %== 表 达 式 % 

@ 脚本 段 Scriptlet: 二 % 代 码 % 二 
@@ 指令 : 二 %@ 指 令 % 二 

@ 动作 : 二 jsp: 动 作 二 


7.2.2 注释 


注释 增加 了 程序 的 可 读 性 与 可 维护 性 。JSP 中 的 注释 分 为 两 种 : 一 种 是 发 送 到 客户 
端 ,在 客户 端 可 见 的 注释 , 称 为 HTML 注释 ; 另 一 种 是 只 存在 于 服务 器 端 ,在 客户 端 不 可 
见 的 注释 , 称 为 隐藏 注释 。 


1. 注释 示例 


为 程序 注释 时 ,有 些 内 容 是 可 以 传递 到 客户 端的 ,有 些 是 不 希望 被 客户 见 到 的 。 为 
此 ,可 以 分 别 用 HTML 注释 和 JSP 注释 。 
例 7.2 在 例 7.1 中 增加 注释 并 作 适 当 的 修改 后 ,ex7-02.jsp 的 源 代码 如 下 : 


=%@ page contentType= "text/html; charset=GB2312”"%> 
=html> 
二 head 二 二 title>JSP 的 注释 语句 二 /title 二 
=/head> 
一 body 二 
< 一 HTML 注释 一 
二 ! 一 页 面 访问 时 间 : 二 %== (new java. util. Date()). toLocaleString() % 二 一 二 
=center> 
二 % 一 服务 器 端 注释 一 % 二 
二 昕 一" 一 font size 一 4 color 一 red 一 字体 由 小 变 大 显示 一 /font 二 "中 二 
一 /center 二 一 br 之 一 hr 一 一 br 一 
一 div align 一 “center 一 
=% 
// 控 制 文字 大 小 的 循环 语句 
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for( int i=4; i>1; i 一 一 ) 
out. println(“ 一 h' 十 丰 十 "全 Web 技术 应 用 基础 二 /h' 十 十 "全 ”); 
%> 
=/div>=/body>=/html> 


程序 运行 结果 见 图 7-1。 观 察 经 服务 器 端 作用 之 后 ,在 客户 端 见 到 的 ex7-02. jsp 的 
源 文件 ,具体 如 下 : 


=html> 

一 head 二 一 title 二 JSP 的 注释 语句 一 /title 二 
=/head> 

二 body 二 

一 ! 一 HTML 注释 一 全 

二 ! 一 页 面 访问 时 间 : 2008-8-19 10:22:37 一 二 
=—center> 


二 font size 一 4 color 一 red 二 字体 由 小 变 大 显示 所 /font 一 
于 /center 盖 一 br> 一 hr 一 br 一 

一 div align="center’> 

一 h4 二 Web 技术 应 用 基础 二 /h4 二 

二 h3 二 Web 技术 应 用 基础 二 /h3 二 

一 h2 二 Web 技术 应 用 基础 二 /h2 二 


二 /div 二 二 /body 二 二 /html 二 

可 以 看 出 ex7-02. jsp 与 ex7-01.jsp 在 浏览 器 中 显示 的 结果 是 一 样 的 ,在 ex7-02. jsp 
中 的 注释 有 的 可 在 客户 端 见 到 ,有 些 却 看 不 到 。 

2. HTML 注释 

JSP 引擎 对 HTML 注释 不 作 任何 解释 ,直接 送 交 客户 端 浏览 器 ,在 客户 端 浏览 器 中 
可 以 查看 到 HTML 注释 。HTML 注释 的 语法 规则 如 下 : 

二 ! -- 注 释 一 % 王 表达 式 % 盖 -- 盖 


注释 在 “二 ! 一” 和 “一 二 ”标记 之 间 , 可 以 在 注释 中 包含 各 种 合法 的 表达 式 。 

例如 ,二 ! 一 二 % 二 str 上 全 一 ,以 及 ex7-02. jsp 中 的 注释 语句 : 二 ! --HTML 注 
释 =>。 

如 果 在 注释 中 使 用 了 表达 式 , 所 有 嵌入 的 JSP 代码 仍 在 服务 器 端 编译 执行 ,并 将 执 
行 结果 返回 客户 端的 源 代码 中 。 例 如 ,ex7-02. jsp 中 的 注释 语句 : 

二 1 一 页 面 访问 时 间 : 二 % 二 (new java. util. Date()). toLocaleString() o% 二 一 二 

在 客户 端 见 到 的 源 代 码 是 : 


二 ! 一 页 面 访问 时 间 : 2008-8-19 10:22:37 一 二 
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3. JSP 注释 


JSP 注释 在 客户 端 是 见 不 到 的 , 故 也 称 隐 藏 注释 。 隐 藏 注释 写 在 JSP 代码 中 ,是 为 
JSP 代码 做 的 注释 ,它们 不 发 送 到 客户 端 ,所 以 在 客户 端的 源 文件 中 见 不 到 隐藏 注释 。 隐 
藏 注释 的 语法 规则 如 下 : 


志 %-- 注 释 一 %> 


JSP 引擎 在 编译 时 将 忽略 “二 % 一 ”" 和 “一 % 二 ”之 间 的 语句 。 隐 藏 注释 是 给 编程 人 员 
看 的 ,属于 内 部 资料 ,它们 既 不 在 客户 端 浏览 器 中 显示 ,也 不 能 在 客户 端的 “查看 源 文件 ” 
中 看 到 。 例 如 ,ex7-02. jsp 中 的 注释 语句 : 


二 % 一 服务 器 端 注释 一 ”二 
在 客户 端的 源 文件 中 被 空白 行 代替 。 


7.2.3 声明 


声明 语句 声明 将 要 在 JSP 文件 中 用 到 的 变量 和 方法 ,变量 类 型 包括 Java 的 基本 类 型 
及 其 类 对 象 。 在 “二 %1”" 和 “% 宝 ”标记 之 间 声 明 变 量 和 方法 。 在 这 两 个 标记 之 间 声 明 的 
变量 在 整个 JSP 页 面 有 效 。 当 JSP 引擎 将 JSP 页 面 转译 成 Java 文件 时 ,把 这 些 变量 生成 
为 类 的 成 员 变 量 ,它们 的 内 存 空间 在 服务 器 关闭 后 才 被 释放 。 当 多 个 用 户 请 求 同 一 个 
JSP 页 面 时 ,JSP 引擎 为 每 个 用 户 启动 一 个 线程 ,这 些 线程 由 JSP 引擎 管理 ,并 由 这 些 用 
户 共 享 JSP 页 面 的 成 员 变量 。 应 用 用 户 共 享 成 员 变量 的 特点 ,可 以 制作 计数 器 等 应 用 。 


1. 声明 的 语法 规则 
声明 的 语法 规则 如 下 : 
二 %! 声明 ;[ 声 明 ;]…%>> 
例如 : 


<%! inti=6;%> 
=%! inta,b,c;double d; %> 
=%!1 Circle a=new Circle(6.0);%> 


2. 使 用 注意 事项 


使 用 时 需要 注意 : 

Q@ 可 以 一 次 声明 多 个 变量 和 方法 ,必须 以 “,” 分 开 , 以 “;” 号 结尾 。 

@ 一 个 声明 只 在 一 个 页 面 有 效 。 最 好 把 每 个 页 面 都 要 用 到 的 声明 写成 一 个 单独 的 
文件 ,然后 用 二 %@ include 中 二 指令 或 二 jsp:include 二 动作 包含 进来 。 

可 以 直接 使 用 在 二 %@ page % 二 中 包含 进来 已 经 声明 了 的 变量 和 方法 ,不 需要 
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对 它们 重新 声明 。 
3. 应 用 示例 


例 7.3 ex7-03. jsp 声明 了 一 个 int 类 型 的 变量 num, 用 来 统计 访客 人 数 ,两 个 
String 变量 和 一 个 时 间 对 象 。 因 为 JSP 声明 不 产生 任何 输出 ,所 以 需要 和 JSP 表达 式 及 
JSP 脚本 结合 起 来 使 用 ,把 它们 输出 到 页 面 上 。 当 有 多 个 用 户 访 问 该 页 面 时 ,所 有 用 户 共 
享 变量 num, 读 者 可 以 在 多 个 浏览 器 窗口 打开 该 页 面 观察 该 共享 现象 。ex7-03. jsp 源 代 
码 如 下 : 


TH%@ page import="java. util. *”"%> 
<%@ page contentType="text/html; charset=GB2312"%> 
一 html 二 一 head 二 一 title 二 JSP 声明 应 用 案例 二 /title 二 
</head> 
=body> 
=~center> 
二 % 二 ”二 font size 一 5 color 王 blue 一 声明 的 应 用 二 /font 二 "中 二 
<=/center><=hr> 
=%! int num=0;%> 
一 %! String strl ,str2; % > 
二 % strl 一 "你 好 ! 你 是 第 “; str2 二 ” 位 访问 客人 .”;% 二 
=% num 十 十 ;% 二 
=%! Date MyDate—=new Date();%> 
=div align 一 “center 二 一 font size="4" color= blue>=b> 
<%=stri%><%=num%>=%=str2%></font><p> 
一 {font color=green> 
第 一 位 客人 访问 时 间 是 : 一 儿 二 MyDate. toLocaleString() % 二 
</font><=/b>></div> 
=/body>=/html> 


ex7-03. jsp 在 浏览 器 中 显示 如 图 7-2 所 示 , 图 7-2(b) 是 第 28 位 客户 访问 时 显示 的 页 
面 ,num 变量 被 多 个 用 户 共 享 。 


马 JSP 声 明 应 用 案例 - Microsoft..- 
; 文件 (E) 编辑 (E) 查看 (六 收藏 全 ) 工具 (1) 帮助 
她 址 人) ， 四 //1ocalnost:8080/ez_D0T/ex7-03. ;sp 国 


当 JSP 声 明 应 用 案例 - Ed 
# 文件 (E) 编辑 (E) 直 看 (V) 收藏 (4 工具 (0) 天助 ”| 忆 
者 //localhost :8080/ex_D0T/ex7-05. jsp 国 | 回转 到 


声明 的 应 用 声明 的 应 用 


你 好 ! 你 是 第 1 位 访问 客人 . 
第 一 位 客人 访问 时 间 是 ，2008-8-19 10:56:56 


你 好 ! 你 是 第 28 位 访问 客人 . 
第 一 位 客人 访问 时 间 是 ，2003-8-19 10:56:56 


馈 本 地 Intranet 


(a) 
图 7-2 声明 的 应 用 
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7.2.4 表达 式 


JSP 的 表达 式 是 由 变量 和 常量 组 成 的 算式 , 它 将 JSP 生成 的 数值 府 入 HTML 页 面 ， 
用 来 直接 输出 Java 代码 的 值 。 


1. 表达 式 的 语法 规则 


在 “一 % 王 ”和 ”"%% 二 ”之 间 搬 人 JSP 表达 式 。 由 服务 器 计算 表达 式 的 值 ,并 将 计算 结 
果 以 字符 串 形 式 送 到 客户 端 浏览 器 显示 。 如 果 表 达 式 的 值 是 字符 串 ,该 表达 式 的 值 将 直 
接 显示 在 页 面 上 ,和 否则 将 表达 式 的 值 转换 为 字符 串 ,在 页 面 上 显示 。 由 于 表达 式 已 经 被 转 
化 为 字符 串 , 所 以 可 以 在 一 行文 本 中 插入 表达 式 。 表 达 式 中 可 以 使 用 request、response、 
out、session、application、config 和 PageContext 等 JSP 内 部 对 象 。 

语法 ， 

二 %== 表 达 式 % 二 

例如 ex7-01. jsp 中 的 二 %==” 二 font size 一 4 color 一 red 二 字体 由 小 变 大 显示 
=/font>”%>>。 


2. 应 用 注意 事项 


应 用 时 需 注 意 以 下 几 点 : 

QO@ 不 能 用 “;” 号 做 表达 式 的 结束 标志 ,但 是 同样 的 表达 式 在 Scriptlet 中 需要 用 分 号 
作为 结束 符 。 

名 “二 % 二 ”是 一 个 完整 的 标记 ,中 间 不 能 有 空格 。 

@ 表达 式 元 素 包 括 任何 在 Java 语言 规范 中 有 效 的 表达 式 。 

@ 表达 式 可 以 成 为 其 他 JSP 元 素 的 属性 值 。 一 个 表达 式 可 以 由 一 个 或 多 个 表达 式 
组 成 , 按 从 左 到 右 的 顺序 求 值 。 

应 用 示例 见 例 7. 3 代码 ex7-03.jsp 中 的 语句 : 

<%=str1%><%=num%><%=str2% > 

=%=MyDate. toLocaleString() % > 


7.2.5 JSP 脚本 段 


1. JSP 脚本 元 素 语法 规则 


JSP 脚本 有 段 可 以 包含 任意 行 的 合法 的 脚本 语句 (Scriptlet) ,脚本 有 段 是 一 个 代码 片段 ， 
在 服务 器 处 理 请 求 过 程 中 被 执行 。JSP 脚本 代码 界定 在 "二 %” 和 “% 二 ”之 间 , 在 界定 标 
记 之 间 的 内 容 在 服务 器 端 被 脚本 引擎 编 译 执行 ,执行 结果 重新 沽 入 HTML 后 一 起 发 送 
到 浏览 器 端 。 

一 个 JSP 页 面 可 以 有 多 个 脚本 段 , 这 些 脚本 段 将 被 JSP 引擎 顺序 执行 。 在 一 个 脚本 
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段 中 声明 的 变量 是 JSP 页 面 的 局 部 变量 ,它们 在 后 续 的 JSP 页 面 的 脚本 段 和 表达 式 中 有 
效 。 当 JSP 引擎 把 JSP 页 面 转译 成 Java 文件 时 ,把 脚本 段 的 变量 生成 为 某 个 类 的 方法 中 
的 变量 ,也 就 是 局 部 变量 。 当 脚本 段 被 调用 时 ,局 部 变量 被 分 配 内 存 空间 ;调用 结束 后 ,局 
部 变量 占有 的 内 存 空 间 被 释放 。 在 多 个 用 户 请 求 同 一 个 页 面 时 ,JSP 引擎 为 每 个 用 户 启 
动 一 个 线程 ,为 不 同 用 户 的 局 部 变量 分 配 不 同 的 内 存 空间 ,所 以 某 个 用 户 对 局 部 变量 的 操 
作 ,不 会 影响 另 一 个 用 户 的 局 部 变量 。 
语法 : 
二 % 代 码 % 二 
例如 , 例 7.1 的 代码 ex7-01.jsp 中 的 语句 : 
<% 
// 控 制 文字 大 小 的 循环 语句 
for( int i=4s i>1s ii 一 一 ) 
out. println( “二 h” 十 i 十“ 盖 Web 技术 应 用 教程 二 /bh” 十 1 十" 全”); 
%> 
就 是 一 个 脚本 段 ,变量 i 为 局 部 变量 ,用 来 控制 字体 的 大 小 。 
2. 脚本 元 素 的 功能 


脚本 元 素 可 以 和 页 面 的 静态 元 素 ( 例 如 HTML) 组 合 在 一 起 生成 动态 页 面 。 一 个 
Scriptlet 能 够 包含 多 个 JSP 语句 、 方 法 、 变 量 和 表达 式 。 脚 本 段 的 主要 功能 如 下 : 

Q@ 声明 将 要 用 到 的 方法 和 变量 。 

@ 编写 JSP 表达 式 。 

@ 编写 JSP 语句 ,如 果 使 用 Java 语言 ,这 些 语句 必须 遵从 Java 语言 规范 。 

@ 使 用 任何 隐 含 的 对 象 和 任何 用 二 jsp:useBean 二 声明 过 的 对 象 。 

@ 填写 任何 文本 和 HTML 标记 。 

如 果 脚 本 段 有 需要 显示 的 内 容 , 则 把 这 些 内 容 存 放 在 out 对 象 中 ,输出 到 页 面 上 显 
示 。 例 如 ,ex7-01.jsp 中 的 语句 : 


out. println( “二 h” 十 十 “全 Web 技术 应 用 基础 二 /bh” 十 i 十 “二”) 


当 i 等 于 2 时 ,相当 于 out. printlIn( 二 h2 放 Web 技术 应 用 基础 二 /h2 二 ”) ,把 文字 
“Web 技术 应 用 基础 "输出 到 页 面 上 。 


7.2.6 JSP 基本 语法 应 用 案例 
例 7.4 根据 Web 服务 器 系统 的 时 间 , 显 示 不 同时 间 段 的 问候 。ex7-04. jsp 代码 清 
单 如 下 : 


HE@ page contentType= "text/html;charset= gb2312” import="java. util. *” %> 
=html> 
二 head 一 二 title 二 jsp 基本 语法 应 用 案例 一 /title 一 
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=/head> 
=body> 
一 center 一 一 font color 一 blue size 一 6 face 一 "隶书 "全 
=% 
Date today 一 new Date(); 
int hours= today. getHours(); 
int minute= today. getMinutes(); 
if(hours>=0 &&. hours 一 12){ 
out. println(" 朋 友 们 ,早上 好 !1"); 
} 
else ifChours 二 一 12 &&. hours=19)1{ 
out. println(" 朋 友 们 ,下 午 好 !"); 
} 
else 


out. println(" 朋 友 们 ,晚上 好 1"); 


%> 
=</font><=/center> 对 jsp 基本 语 靶 应 用 案例 -NM... [- 加 | 区 
=/body>=/html> 上 文 任 忆 二 是 全国 司 包工 RG| 万 


;地 址 (D) -| 入 host DoyexT-od. jsp 国 | 回击 到 


ex7-04.jsp 使 用 new 关键 字 创建 了 一 个 日 
期 对 象 ,把 系统 的 时 间 赋 予 today 变量 ,根据 不 
同 的 时 间 段 ,输出 不 同 的 问候 语 发 送 到 浏览 器 。 

在 浏览 器 中 显示 效果 如 图 7-3 所 示 。 下风 网 的 全 和 


朋 支 们 ， 早 上 好 ! 


7.3 JSP 指令 


7.3.1 JSP 指令 功能 


JSP 指令 是 一 些 特殊 的 JSP 语句 , 它 是 为 JSP 引擎 设计 的 ,通知 JSP 引擎 如 何 处理 
JSP 页 面 , 不 直接 产生 任何 可 见 输 出 。JSP 指令 将 执行 JSP 代码 有 关 的 信息 传递 给 JSP 
引擎 。 例 如 ,缓冲 器 和 线程 信息 、 错 误 处 理 信息 ,脚本 语言 的 指定 以 及 所 有 的 扩展 ,包含 的 
外 部 文件 (被 包含 的 文件 可 能 是 另 一 个 JSP 文件 ) ,指出 页 面 可 以 调用 的 标记 库 等 。 

JSP 指令 由 “二 %@” 开 始 , 以 “% 二 ”结束 ,例如 ,二 %@ page language 一 ”java 中 二 。 两 
个 常用 的 JSP 指令 是 : include 和 page。 基 他 如 import、errorPage 和 session 也 是 JSP 常用 指 
令 。 应 用 举例 如 下 : 

二 %@ include file 一 "filename. jsp”%% 二 .指出 被 包含 的 文件 。 

二 %@ page import 二 ”java. util. Date"”%% 二 ,指定 在 哪里 找到 支持 的 Java 类 。 

二 %@ page errorPage 一 “errorPage. jsp”% 请 ,指出 如 果 发 生 Java 异常 事件 ,将 信息 
发 送 到 哪个 异常 处 理 页 面 。 

二 %@ page session 一 "true' % 请 ,指示 是 否 需 要 为 使 用 者 管理 会 话 期 的 信息 。 
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7.3.2 include 指令 


1. include 指令 语法 规则 


二 %@ include file= 文件 URL”% 二 


2. include 指令 功能 


include 指令 称 为 文件 加 载 指令 ,其 功能 是 在 JSP 文件 编译 时 ,加 载 需 要 摧 入 的 文本 
或 代码 , 它 把 文件 蔡 和 人 当前 位 置 后 合并 成 一 个 新 的 JSP 页 面 , 再 由 JSP 引擎 转译 成 Java 
文件 。 被 嵌入 的 文件 可 以 是 JSP 文件 .HTML 文件 或 其 他 文本 文件 。 被 府 入 的 文件 必须 
是 可 以 访问 和 可 使 用 的 .“ 文 件 URL? 是 要 峙 入 文件 的 URL ,一 般 是 指 相对 路 径 , 不 需要 
指明 端口 ,协议 和 域名 。 如 果 被 徐 入 的 文件 与 当前 JSP 页 面 位 于 同一 个 Web 服务 目录 ， 
“文件 URL 以 文件 名 或 路 径 名 开始 。 如 果 被 嵌入 的 文件 更 改 了 ,当前 JSP 文件 将 被 重新 
编译 。 髓 入 新 文件 后 ,必须 保证 合并 成 的 新 JSP 文件 符合 JSP 页 面 的 语法 规则 。 例 如 ， 
JSP 页 面 不 允许 使 用 page 指令 对 除 import 指令 外 的 一 个 属性 多 次 赋值 ,如 果 有 两 个 文 
件 的 page 指令 对 同一 个 属性 赋值 ,那么 在 使 用 include 指令 时 就 会 出 错 。 

在 开发 Web 应 用 时 ,如 果 有 多 个 页 面 含 有 相同 的 功能 ,可 以 把 这 些 相同 功能 的 内 容 
放 在 一 个 文件 中 ,由 使 用 这 些 功 能 的 页 面 使 用 include 指令 将 该 文件 加 载 进来 ,如 此 可 以 
提高 Web 应 用 的 开发 效率 ,并 便于 应 用 系统 管理 与 维护 。 


3. include 指令 应 用 案例 


例 7.5 文件 ex7-05_1. jsp 输出 系统 的 日 期 和 时 间 , 并 用 include 指令 把 它 租 入 
ex7-05. jsp 文件 ,在 页 面 上 显示 。 
ex7-05. jsp 代码 清单 如 下 : 


TW%@ page contentType= "text/html; charset=gb2312’% > 
=html> 

一 head 二 到 title>include 指令 应 用 二 /title 二 

=/head> 

< 一 body 二 二 center 一 

一 font size 二 5 face 一 "隶书 "color 王 blue 二 include 指令 应 用 一 /font 二 一 br 二 一 hr 二 
一 font size="4” color 一 red 二 一 b 二 

现在 的 日 期 和 时 间 是 :二 br 二 

=%@ include file="ex7-05_1. jsp’ %> 

一 /font 一 一 /center 一 

=/body>=/html> 


ex7-05_1.jsp 代码 清单 如 下 : 


=%@ page language="java” import= "java. util. *”%> 
=%= (new Date()). toLocaleString() %> 
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运行 程序 ex7-05. jsp 在 浏览 器 中 显示 如 图 7-4 与 include 指令 应 用 -... 全 | 号 区 | 
= 文件 (E) 编辑 (E) 查看 (WD 收藏 (&) 
地 址 (D) -| 竹 :080/ex_D07/ex7-05. jsp 国 


所 示 。 
在 客户 端 见 到 的 源 文件 如 下 : 


include 指令 应 用 


=html> 

™ 现在 的 日 期 和 时 间 是 : 
一 head 一 一 title 之 include 指令 应 用 二 /title 二 2008-8-19 18:45:00 
各 本 地 Intranet 
=body> =center> 
一 font size 一 5 face 一 "隶书 ”color 王 blue 二 include 指令 图 7-4 include 指令 应 用 
应 用 一 /font 一 二 br 一 二 hr 一 


一 font size 一 "4”color 一 red 一 一 b 二 
现在 的 日 期 和 时 间 是 :二 br 二 


2008-8-19 18:45:00 

=</font>=/center> 

=/body>=/html> 

在 客户 端的 源 文件 中 , 见 不 到 ex7-05_1. jsp 源 代 码 ,在 ex7-05. jsp 文件 的 二 %@ include 
file 二 ”ex7-05_1. jsp”% 一 位 置 租 入 了 ex7-05_1.jsp 文件 的 执行 结果 : 2008-8-19 18:45:00。 


7.3.3 page 指令 


1. page 指令 功能 


page 称 为 页 面 指令 ,用 来 定义 整个 JSP 文件 要 使 用 的 属性 和 属性 值 ,在 JSP 程序 编 
译 时 将 这 些 属 性 和 属性 值 传递 给 JSP 引擎。page 指令 可 以 用 来 指定 所 使 用 的 脚本 语言 、 
JSP 代表 的 Servlet 实现 的 接口 ,导入 指定 的 类 及 软件 包 等 。 


2. page 指令 的 语法 规则 


二 %@ page 属性 1=" 属 性 值 1 属性 2=" 属 性 值 2… % 
或 
WH%@ page 
[language="java”] 
import="{package. class| package. * }.***"] 
extends 一 “package. class”] 
session 一 "true| false"] 
buffer 一 “none|8kb| sizekb”] 
autoFlush 一 "true|false"] 
isThreadSafe="true|false”] 
info="text"] 
errorPage 一 "relativeURL”] 
contentType 一 “mimeType [; charset 一 characterSet ] |”text/html;charset=1SO-8859-1”] 


isErrorPage= "true|false”] 
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%> 

二 %@ page 中 过 指令 作用 于 整个 JSP 页面, 几乎 在 所 有 的 JSP 页 面 的 开头 都 可 以 
见 到 page 指令 。 在 一 个 页 面 中 可 以 使 用 多 个 二 %@ page%% 二 指令 ,分 别 描述 不 同 的 属 
性 ,每 个 属性 只 能 用 一 次 ,但 是 import 属性 可 以 多 次 使 用 。 志 中 @ page % 二 指令 区 分 大 


小 写 , 它 的 属性 与 属性 的 使 用 见 表 7-1。 


属性 名 


表 7-1 page 指令 的 属性 
使 用 说 明 


范 例 


language 


定义 要 使 用 的 脚本 语言 .默认 值 是 "java”, 也 是 目前 唯 
一 有 效 的 设 定 值 , 故 可 以 不 设 


language= "java” 


import 


用 来 导入 在 后 面 的 代码 中 将 会 用 到 的 一 个 或 多 个 包 / 类 。 
只 有 import 可 以 在 同一 页 面 为 一 个 属性 多 次 设 值 。 多 
个 属性 值 用 “,” 号 分 开 。JSP 默认 的 import 属性 有 : 
"javax. servlet. jsp. * "javax. servlet. * ”java. lang. *”"、 


"javax. servlet. http. *” 


import= "java. util. *” 


extends 


定义 JSP 编译 时 需要 继承 的 Java 父 类 


extends 一 “package. class” 


Session 


设置 在 当前 页 中 是 否 允 许 session 操作 ,默认 值 是 true。 
如 果 设 为 false, 则 不 能 使 用 session 对 象 


所 了 
session 一 true 


errorPage 


指定 一 个 JSP 页 面 ,所 有 未 被 捕获 的 异常 均 由 该 页 面 
处 理 


errorPage= "relativeURL” 


isErrorPage 


设置 当前 页 是 否 可 以 作为 其 他 JSP 页 面 的 异常 处 理 页 
面 ,如 果 被 设置 为 true, 就 能 使 用 exception 对 象 .默认 
值 是 “false” 


isErrorPage 一 “true” 


contentType 


定义 输出 的 MIME 类 型 和 JSP 文件 的 字符 编码 ,默认 
值 是 :text/html, 默 认 字符 集 是 :ISO 8859 一 1。 如 果 需 
要 输出 汉字 , 则 将 字符 集 设 为 GBK 或 GB2313 


content Type 一 "text/html; 
charset 一 GB2312” 


isThreadsafe 


设置 JSP 是 否 支持 多 线程 。 如 果 取 值 为 true,JSP 能 够 
同时 处 理 多 个 用 户 的 请 求 ; 如 果 设 为 false.JSP 只 能 一 
次 处 理 一 个 请 求 。 默认 值 是 true 


isThreadsafe="true” 


buffer 


指定 JspWriter 类 型 预定 义 对 象 out 缓冲 区 的 大 小 。 取 
值 buffer 一 “none|8kbl sizekb" .none 则 没有 缓冲 区 。 默 
认为 8KB 


buffer="none” 


autoFlush 


设置 缓冲 区 被 填 满 时 是 否 自 动 刷新 . 取 值 为 autoFlush 一 
"true|false” ,默认 值 true。 如 果 取 值 true. 在 缓冲 区 溢出 
时 ,自动 输出 ;如 果 取 值 false, 在 缓冲 区 溢出 时 , 抛 出 一 
个 异常 。 一 般 不 设 为 false 


autoFlush 一 "true” 


info 


用 于 定义 一 个 将 加 入 到 已 编译 成 功 的 页 面 中 的 字符 串 


page 指令 实例 如 下 : 


HE@ page language 一 "java"% > 
HE@ page import 一 “java. util. *” %> 


HE@ page session 一 "true” 听 二 
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mm 
info 一 text 


// 使 用 的 脚本 语言 是 Java 
// 导 入 java. util 包 


=%@ page contentType 一 "text/html ; charset=gb2312”’%> 


WH%@ page buffer 一 "16kb” autoFlash="false” %> // 缓 冲 区 16KB, 溢 出 时 抛 出 异常 
TW%@ page errorPage 一 "error. jsp’ %> // 定 义 当 前 未 捕获 的 异常 处 理 页 面 


7.3.4 taglib 指令 


1. taglib 指令 的 功能 

taglib 指令 用 来 定义 一 个 标记 库 以 及 标记 的 前 级。 

2. taglib 指令 的 语法 规则 

<%@ taglib uri="URIToTagLibrary” prefix= "tagPrefix’ %> 


taglib 指令 声明 该 JSP 文件 使 用 了 自 定 义 标记 ,并 引用 标记 库 ,也 指定 了 库 中 标记 的 
前 级 。 不 能 使 用 jsp、jspx、java、javax、servlet、sun 和 sunw 做 前 级 ,这 些 前 级 已 经 被 sun 
公司 声明 保留 。 


7.3.5 JSP 指令 应 用 案例 


例 7.6 使 用 page 指令 的 session 属性 ,在 页 面 上 输出 一 个 sessionID。 
ex7-06. jsp 代码 清单 如 下 : 


<%@ page contentType= "text/html; charset= gb2312”"%> 

TH%@ page session="true % > 

=html> 

一 head 二 一 title 二 page 指令 应 用 二 /title 二 

一 /head 一 

一 body 二 二 center 一 
一 font size 一 5 face 一 "隶书 ”color= 王 blue 二 获得 的 sessionID 是 一 br 二 一 hr 二 
一 好 二 session. getId() %> 
<=/font><=/center> 

=/body>=/html> 


ex7-06. jsp 在 浏览 器 中 的 显示 效果 如 图 7-5 所 示 。 


要 page 指 令 应 用 - Microsoft Int... 于 | 上品 | 区 | 
i 文件 (E) 编辑 (E) 查看 (Y) 收藏 人 8) 工具 (TI) 帮助 (B) 本 
地 址 (0) ~| 简 :tp://1ocalhost:8080/ex_D07/ex7-06. jsp 加 | 贺 转 到 


获得 的 sessionID 是 
3FECF6937229C949C2881834AF0509FB 


饮 本 地 Intranet 


图 7-5 page 指令 的 session 属性 应 用 
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7.4 JSP 动 作 


7.4.1 JSP 动作 功能 


JSP 动作 用 来 控制 JSP 引擎 的 行为 ,执行 一 些 标准 常用 的 JSP 页 面 的 动作 ,例如 动态 
插入 文件 .重用 JavaBean 控件 .设置 JavaBean 的 属性 .导向 另 一 个 页 面 . 为 Java 插件 
(Plugin) 生 成 HTML ten JSP 动作 包含 以 下 内 容 。 

jsp:include: 在 页 面 运行 时 动态 插入 一 个 文件 。 

jsp:useBean: 0 JavaBean 控件 。 

jsp:setProperty: 设置 JavaBean 属性 。 

jsp:getProperty: 把 JavaBean 的 属性 插入 到 输出 中 。 

jsp:forward: 引导 请 求 者 进入 新 的 页 面 。 

jsp:plugin: 插入 一 个 applet 或 Bean 。 


7.4.2 jsp:include 动作 


1. jsp:include 动作 功能 


jsp:include 动作 在 即将 生成 的 页 面 上 动态 地 插入 文件 , 它 在 页 面 运 行 时 才 将 文件 插 
入 ,对 被 插入 文件 进行 处 理 。jsp:include 动作 与 include 指令 是 有 区 别 的 ,jsp:include 动 
作 是 动态 的 ,而 include 指令 是 静态 的 。jsp:include 动作 搬入 文件 时 ,JSP 引擎 不 把 插入 
文件 和 原 JSP 文件 合并 成 一 个 新 的 JSP 文件 ,而 是 在 运行 时 把 被 插入 文件 包含 进来 。 所 
以 JSP 页 面 与 被 插入 的 文件 在 逻辑 和 语法 上 是 独立 的 。 如 果 被 插入 文件 被 改动 了 ， 
jsp:include 动作 可 以 判断 出 来 ,并 对 被 插入 文件 重新 编译 。 如 果 被 插入 的 文件 是 文本 文 
件 ,直接 把 文件 内 容 发 送 到 客户 端 浏 览 器 显示 ;如 果 被 插入 的 是 JSP 文件 ,JSP 引擎 执行 
该 文件 ,然后 把 执行 结果 送 客户 端 浏览 器 显示 。 而 include 指令 是 静态 的 , 它 把 被 敌 入 文 
件 插 到 当前 位 置 后 再 进行 编译 。 

jsp:include 动作 中 被 引用 的 文件 不 能 包含 某 些 JSP 代码 ,例如 不 能 设置 HTTP 头 
等 。 通 过 包含 JSP 代码 ,也 预 包含 了 需要 链接 的 JSP 页面 ,使 得 应 用 开发 比较 灵活 。 


2. jsp:include 动作 的 语法 规则 


一 jsp:include page 一 "文件 的 URL /二 


\3 


过 jsp:include page 二 “文件 的 URL 人 
二 jsp:param name 一 “参数 名 1” value 一 "参数 值 1 /之 
一 jsp:param name 一 "参数 名 2” value 一 "参数 值 2”/ 之 
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一 /jsp:include > 


参数 说 明 : 

(1) page 一 "文件 的 URL 

设置 需要 插入 文件 的 URL ,该 参数 是 一 个 相对 路 径 或 代表 相对 路 径 的 表达 式 。 

(2) =jsp:param> 

二 jsp:param 访 子 句 可 以 把 一 个 或 多 个 参数 传送 到 要 插入 的 文件 中 去 ,一 个 页 面 可 以 
使 用 多 个 二 jsp:param 盖 传递 多 个 参数 。 传 递 参数 时 ,被 插入 文件 用 以 下 语句 获取 传人 的 
参数 : 


request. getParameter(" 参 数 名 ”) 


3. 应 用 举例 


例 7.7 网 上 书店 的 新 书展 示 栏 目 , 可 以 为 每 一 本 新 书 制作 一 个 文件 ,每 个 文件 是 一 
本 新 书 介绍 ,在 ex7-07.jsp 代码 中 插入 了 4 个 文件 。 如 果 新 书 书目 改变 ,只 需要 改变 相关 
文件 中 的 内 容 就 可 以 了 ,而 ex7-07.jsp 页 面 可 以 不 做 改动 。ex7-07.jsp 代码 清单 如 下 : 


TH%@ page language="java” %> 
<%@ page contentType= "text/html; charset=GB2312”"%> 
=html> 
一 head 二 一 title 二 jsp:include 动作 一 /title 二 
=/head> 
=body> 
一 div align 一 “center 二 一 font size 一 "6”face 一 "隶书 ”color 一 blue 二 一 b 二 
新 书展 示 二 br 二 一 /font 二 
一 table border="3"> 
< 一 tr 一 
一 td 二 二 jsp:include page 一 “newbookl. html' /二 一 /td 二 
一 td 二 一 jsp:include page 一 "newbook2. html'/ 二 一 /td 二 
一 /tr 一 
< 
=td>=isp:include page="newbook3. html'/ 二 一 /td 二 
一 td 盖 一 jspb:include page 一 "newbook4. html'/ 二 一 /td 一 
< 一 /tr 一 
=/table><=/font> 
=</div> 
=/body>=/html> 


其 中 一 本 新 书 的 内 容 介 绍 文件 newbook1. html 代码 清单 如 下 : 


二 html 一 一 head 一 一 title 字 Windows 驱动 开发 技术 详解 二 /title 二 
=/head> 
=body 

一 table width 一 "100%%”border 一 "0" > 
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< 
一 td width 一 "40%"rowspan 一 "8' 一 一 img src 一 "20302264. jpg'height 一 "106"width 一 ”75 一 一 /td 一 
一 td colspan 一 "1 一 一 font size 一 "] 全 Windows 驱动 开发 技术 详解 二 /font 二 二 /td 二 
到 /tr> 
< 一 tr 一 
< 一 td colspan 一 "] "全 一 font size 一 "1 全 张帆 ”等 一 /font 盖 一 /td 一 
</w> 
一 tr 一 
一 td colspan 一 "1 全 一 font size 一 "过 电子 工业 出 版 社 一 /font 一 一 /td 一 
一 /tr> 
< 一 tr 一 
< 一 td colspan 一 "]" 盖 一 font size 一 "1 二 2008-07-01 一 /font 二 一 /td 一 
一 /tr 
一 tr 一 
一 td colspan 一 "] "全 一 font size 一 "] "一 9787121068461 一 /font 一 一 /td 二 
< 
> 
一 td 二 二 font size 一 "] 盖 定价 : 至 65.00 二 /font 之 一 /td 一 
< 一 /tr 
=</table><=/font> 
=/body>>=/html> 


文件 ex7-07.jsp 在 浏览 器 中 的 显示 效果 如 图 7-6 所 示 。 


文件 (E) ”编辑 (E) ”查看 (Z) 收藏 (8) 工具 (TIT) 帮助 (HB) 
地 址 (0D) -| 独 http://localhost:8080/ex_D07/ex7-07. jsp 本 回转 到 


马 jsp:include 动作 - Microsoft Interne--- 攻 上 加 | 贺 
E73 


新 书展 示 


Wiadows 阮 动 开发 酸 术 详 Face1 攻 据 处 伸 生 分 折 亚 座 技 巧 
名 Eecel Home 搞 荐 

人 民 邮 电邮 版 社 

2008-08-01 


ow 
电 二 工业 出 版 社 
2008-07-01 
9787121068461 9787115182326 
是 从:YT65.00 理 从 :YT69.00 
。rd 永 埃 铁 巧 秩 入 - TP 自动 化 章 共 实 隘 
acel Home 所 S51Testiae 氏 件 章 荆 网 姐 注 。 旗 能 

本 枝 钢 荐 


人 民明 电 出 版 社 
2008-08-01 


电 干 工业 则 版 社 
2008-06-01 

9787115182357 9787121067273 
到 恰 : 59.00 ~ 下 恰 :49.00 


所 本 地 Intranet 


图 7-6 jsp:include 动作 应 用 


例 7.8 ex7-08.jsp 文件 使 用 一 jsp:include 二 动作 插入 求 阶 乘 的 文件 ex7-08_1. jsp， 
并 把 求 阶乘 所 需要 的 参数 传递 给 ex7-08_1. jsp 文件 。 
ex7-08. jsp 文件 代码 清单 如 下 : 


HE@ page contentType 一 "text/html; charset=GB2312”"%> 
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=html> 

一 head 二 一 title 二 jsp:include 动作 二 /title 二 

一 /head 一 

一 body 一 

< 一 div align 一 "center 一 一 font size 一 "5”face 一 "隶书 ”color 王 blue 二 一 b 二 
求 一 个 数 的 阶乘 二 br 二 二 /font 二 
一 jsp:include page="ex7-08_1.jsp’> 

一 jsp:param name 一 “num” value 一 "8" /二 

=/jsp:include> 

</div> 

=/body>=/html> 


ex7-08_1. jsp 文件 代码 清单 如 下 : 


TH%@ page contentType= "text/html; charset=GB2312”"%> 
=html> 
一 head 二 一 title 二 jsp:include 动作 二 /title 二 
一 /head 一 
=body> 
=% String str= request. getParameter("num’); 
if(Cstr 一 一 null){ 
str 一 "1 
} 


int n= Integer. parselInt(str); 


double s=1; 
for(int i 一 1;i 一 一 nii 十 十 ) 
Sx 一 i 
%> 


=div align 一 "center 二 一 font size 一 "5”face 一 "隶书 ”color= green 二 一 b 二 
<%=n%>>!=<%=s%></font> 
<=/div> 
=/body>=/html> 


运行 ex7-08. jsp 文件 ,效果 如 图 7-7 所 示 。 


双 jsp:include 动作 - icrosoft Internet Explorer|- | 日 | 区 ] 


文件 GE) 编辑 于 ) 查看 Q) 收 惹 人) 工具 XI) 帮助 00 


@se- ©- 国 四 @ Pur unr a 


8!=40320.0 


图 7-7 param 动作 传递 参数 
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7.4.3 jsp:forward 动作 


1. jsp:forward 动作 功能 


jsp:forward 动作 的 功能 是 从 一 个 JSP 文件 转向 另 一 个 文件 。forward 动作 停止 当前 
页 面 的 执行 ,转向 另 一 个 HTML 或 JSP 页 面 。 如 果 JSP 页 面包 含 了 jsp:forward 动作 ， 
则 页 面 中 的 所 有 数据 都 不 会 发 送 到 客户 端 ,JSP 引擎 也 不 再 处 理 当 前 页 面 剩 下 的 内 容 , 绥 
冲 区 被 清空 。 在 客户 端 看 到 的 是 原 页 面 的 地 址 ,而 实际 显示 的 是 另 一 个 页 面 的 内 容 。 
forward 动作 在 控制 型 的 JSP 页 面 中 经 常 使 用 。 


2. jsp:forward 动作 的 语法 规则 


一 jsp:forward page 一 "要 转向 页 面 的 URL”/ 之 
或 
一 jsp:forward page 一 “要 转向 页 面 的 URL > 


一 jsp:param name 一 “参数 名 1 value 王 "参数 值 TV/> 
二 jsp:param name 一 “参数 名 2”value 一 "参数 值 2/ 汪 


一 /jsp:forward > 


jsp:forward 动作 只 有 一 个 page 属性 ,指定 目标 文件 的 相对 URL,page 属性 值 可 以 
是 静态 值 , 也 可 由 JSP 动态 产生 。 

属性 说 明 如 下 : 

(1) page 一 "要 转向 页 面 的 URL 

用 来 指明 要 转向 的 文件 或 URL。 这 个 文件 可 以 是 JSP 程序 段 ,也 可 以 是 其 他 能 够 处 
理 request 对 象 的 文件 (如 asp、cgi 和 php 等 ) 。 

(2) 二 jsp:param name 一 "参数 名 ”value 王 "参数 值 "一 

向 一 个 动态 文件 发 送 一 个 或 多 个 参数 及 参数 的 值 。name 指定 参数 名 ,value 设置 参 
数值 。 如 果 要 传递 多 个 参数 ,可 以 在 一 个 JSP 文件 中 使 用 多 个 二 jsp:param 二 标记 。 注 
意 : 如 果 使 用 了 一 jsp:param 盖 标记 ,目标 文件 一 定 要 是 动态 文件 ,这 样 才能 够 处 理 参数 。 


3. 应 用 举例 
例 7.9 将 文件 ex7-09.jsp 页 面 重新 导向 到 ex7-09_1.jsp 页 面 。 
文件 ex7-09. jsp 代码 清单 如 下 : 


HE@ page contentType= "text/html; charset=GB2312”"%> 
=html> 

一 head 二 一 title 二 jsp:forward 动作 一 /title 二 

一 /head 一 

=body 
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包含 jsp:forward 动作 的 JSP 文件 ,文件 中 的 数据 不 被 输出 。 
一 jsp:forward page 一 "ex7-09_1. jsp"/ 二 
数据 不 被 输出 。 
=/div> 
=/body>>=/html> 


文件 ex7-09_1.jsp 代码 清单 如 下 : 
=%@ page contentType= "text/html; charset=GB2312”%> 


=html> 
一 head 二 一 title 二 jsp:forward 动作 二 /title 一 
=/head> 
=body> 
< 一 div align= "center > 二 font size 一 "5”face 一 "隶书 ”color 王 blue 二 一 b 二 
页 面 重新 定向 过 br 一 二 /font 一 


二 %% out. println("forward 动作 重新 导向 的 第 二 个 页 面 "); % 二 
~/div> 


=/body>=/html> 


ex7-09. jsp 代码 在 浏览 器 中 的 运行 结果 如 图 7-8 所 示 。 

读者 可 以 注意 到 在 文件 ex7-09. jsp 中 的 两 行文 字 没 有 在 浏览 器 中 显示 ,浏览 器 地 址 
栏目 中 显示 的 是 文件 ex7-09.jsp 的 URL ,而 页 面 显示 的 是 ex7-09_1.jsp 文件 的 内 容 。 

例 7.10 jsp:forward 动作 在 控制 型 的 页 面 中 特别 有 用 。 本 例 的 任务 是 : 输入 图 书 
信息 后 ,可 以 有 两 个 选择 ,如 果 选 择 * 详 细 信息 ? 单 选 钮 , 单 击 “ 确 定 ” 按 钮 后 页 面 转向 详细 
信息 页 面 ;如 果 选 择 “ 图 书 购买 ” 单 选 钮 , 则 转 到 图 书 购 买 页 面 。 它 由 四 个 程序 组 成 。 

ex7-10. html: 图 书 检索 界面 见 图 7-9, 读 者 在 界面 中 可 以 选择 重新 定向 的 不 同 页 面 。 


EE [EE 
文件 FE) 编辑 ) 查看 QD 收 荣 ) 工具 CL) 帮助 0 


Qa-©O- 


瑞 淖 加 | 和 四 http://1ocalhost:8080/ex_D07/ex7-10.html 国 | 


EE Ed 


: 莉 法 与 数据 结 柯 
文件 EE) ”编辑 下 ) 查看 WD 收藏 由 ) 工具 GD 帮助 0 [3 ee 


Oa-©- 国 国 @ Par unx Ou ” | 


地 址 四) | 御 http://1ocsalhost:3080/ex_D07/ex7-09.jsp 国 | 加 和 3 到) | 莫 党 池 


页 面 重新 定向 
forward 动 作 重新 导向 的 第 二 个 页 面 


出 版 社 : 捕 天 学 Hb 县 生 ”| 
详细 信息 @ 购 买 图 书 
EE 


图 7-8 页 面 重 新 定向 图 7-9 图 书 检索 界面 


ex7-10_1.jsp: 判断 读者 选择 的 页 面 ,根据 读者 的 选择 确定 目标 页 面 。 
ex7-10_2. jsp 和 ex7-10_3.jsp: 目标 页 面 。 
为 使 程序 简单 易 读 ,对 实际 的 源 代码 做 了 部 分 简化 。 
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钮 中 


图 书 检索 界面 ex7-10. html 将 表单 上 读者 选择 的 信息 传递 给 ex7-10_1. jsp。 
ex7-10. html 源 代码 清单 如 下 : 


=html> 

一 head 二 一 title 二 jsp:forward 动作 一 /title 二 

=/head> 

EE 

一 center 二 一 b 二 一 font size 一 "5”face 一 "隶书 ”color 一 blue 二 图 书 检 索 一 /font 一 一 /b 二 一 pb 二 

一 form method 一 "post” action 一 "ex7-10_1. jsp’> 
一 font size 一 “3”face 一 "楷体 "一 
书 名 &nbsp: 一 input type 一 "text name 一 "bookname”size 一 "20' 一 一 p 二 
作者 &nbsp: 一 input type 一 "text' name 一 "authname”size 一 "20' 一 一 p 二 
出 版 社 :一 input type 二 "text” name 一 “pubname” size 一 "20" 一 一 br 二 一 pb 二 
二 input type 一 "radio”name 一 “select value 一 "book'" checked 二 详细 信息 
一 input type 一 “radio”name 一 “select value 一 "statistic' 一 购买 图 书 一 p 二 
一 input type 二 ”submit” value 一 "确定 ” name 一 "B1 "一 
一 input type 二 ”reset” value 一 "清除 ” name 一 "B2" 二 二 /font 一 
=/center> 

=/form> 

=/body>=/html> 


ex7-10_1.jsp 页 面 判 断 读者 的 选择 ,接受 ex7-10. html 发 来 的 信息 ,根据 读者 在 单 选 


的 选择 ,转向 目标 页 。 
ex7-10_1.jsp 代码 清单 如 下 : 


HE@ page contentType="text/html; charset=GB2312”%> 
=% request. setCharacterEncoding("GB2312”) ; %> 
=html> 
< 一 head 二 一 title 二 jsp:forward 动作 一 /title 二 二 /head 一 
< 一 body 二 
=% 
String getBook,getAuth,getPub,getselect; 
getBook= request. getParameter( "bookname') ; 
// 使 用 request 对 象 的 getParameter 方法 获取 ex7-10. html 页 面 的 参数 
getAuth= request. getParameter(”"authname’); 
getPub= request. getParameter(”"pubname’); 
getselect 一 request. getParameter(”select”) ; 
if(getselect. equals(”"book”)) { 
// 如 果 用 户 选 择 “ 详 细 信 息 ”. 转 向 ex7-10_2. jsp 页 面 
%> 
一 jsp:forward page 一 "ex7-10_2. jsp’> 
一 jsp:param name 一 “bookname” value 一 "一 昨 一 getBook% 二"/ 二 
一 jsp:param name 一 "authname”value 一 "一 中 一 getAuth% 二 /一 
一 jsp:param name 一 "pubname” value 一 "一 一 getPub% 二 /一 
一 /jsp:forward 一 
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=% 
}else{ 
// 选 择 “ 购 买 图 书 ”, 转 向 ex7-10_3. jsp 页 面 
%> 
一 jsp:forward page="ex7-10_3. jsp’> 
一 jsp:param name="bookname’” value=”—%=getBook%>"/> 
一 jsp:param name 一 "authname” value 一 "一 中 一 getAuth% 二 "/ 二 
一 jsp:param name="pubname’” value="—%=getPub%>"/> 
一 /jsp:forward 一 
=% 
L 
%> 
=/body>=/html> 


ex7-10_2. jsp 显示 图 书 详细 信息 的 页 面 代 码 清单 如 下 : 


<%@ page contentType 一 "text/html; charset=GB2312”"%> 
一 好 request. setCharacterEncoding("GB2312") ; %> 
=html> 
一 head 二 一 title 二 jsp:forward 动作 一 /title 二 二 /head 二 
过 body 二 图 书 详细 信息 
=% 
String getBook, getAuth, getPub; 
getBook= request. getParameter( "bookname' ) ; 
getAuth 一 request. getParameter(”"authname’ ); 
getPub= request. getParameter("pubname'); 
%> 
“hr 
书 名 &nbsp: =%=getBook% > 二 br 二 
作者 &nbsp: 一 上 一 getAuth%% 二 一 br 二 
出 版 社 : 一 % 王 getPub% 二 
一 /body 二 二 /html 二 


ex7-10_3.jsp 显示 购买 图 书页 面 代码 清单 如 下 : 


HE@ page contentType 一 "text/html; charset=GB2312”"%> 
=% request. setCharacterEncoding("GB2312”); %> 
=html> 
一 head 二 一 title 二 jsp:forward 动作 二 /title 二 二 /head 一 
去 body 二 购买 图 书信 息 
=% 

String getBook.getAuth.getPub; 

getBook= request. getParameter("bookname') ; 

getAuth= request. getParameter(”"authname’) ; 

getPub 一 request. getParameter("pubname'”) ; 


%> 
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<he> 
书 名 &nbsp: 一 % 一 getBook% 二 一 br 一 
作者 &nbsp: 一 %% 一 getAuth%% 二 一 br 一 
出 版 社 :二 % 二 getPub% 二 二 br 二 
=/body>=/html> 


在 浏览 器 中 的 显示 效果 见 图 7-10。 


要 jsp:forrara 动作 - nicro.-. 由 问 | 国 
文件 但” 编 痊 让) 于 者 收 荡 @ 二 


@@ 友 -四 - 国 国 多 | 


地 直立 ) 罩 http /oceanosxt 国 因 和 这 六 


购买 图 书信 息 


文件 中) ” 编 邹 区 ) 查看 (WD) 收 巷 四) 二 


@sm- 日 -四 四 的 


图 书 详细 信息 


书 名 : 算法 与 数据 结构 
作者 : 严 丽 敏 陈 文 博 
出 版 社 : 清华 大 学 出 版 社 


书 名 : 算法 与 到 全 的。 
作者 :严防 敏 陈 文 
出 版 社 : 清 华 太 学 并 条 


图 7-10 根据 用 户 选 择 页 面 定向 


7.4.4 jsp:plugin 动作 


1. jsp:plugin 动作 功能 


jsp:plugin 动作 的 功能 是 将 服务 器 端的 Java 小 应 用 程序 (Applet) 或 JavaBean 组 件 
下 载 到 浏览 器 端 去 执行 ,相当 于 在 客户 端 浏览 器 插入 Java 插件 。 

当 JSP 文件 被 编译 ,传输 到 浏览 器 时 ,一 jsp:plugin 二 动作 将 动态 产生 二 object 二 
或 二 embed 一 元素 标 记 , 以 使 浏览 器 的 Java 插件 运行 Applet。 

一 般 来 说 jsp:plugin 动作 会 指定 对 象 是 applet 还 是 Bean, 同 时 也 会 指定 字 节 码 文 
件 (. class) 的 名 称 与 位 置 , 另 外 还 会 指定 从 哪里 下 载 Java 插件 。 


2. jsp:plugin 动作 的 语法 规则 
过 jsp:plugin type 一 "bean|applet” code 一 "保存 类 的 文件 名 ” codebase 一 "类 路 径 ” 


[name 二 “对象 名 ”] 
[archive==“ 相 关 文 件 路 径 ”] 


[align="bottom | top | middle | left | right”] // 对 齐 方式 
[height="displayPixels’”] // 高 度 
[width="displayPixels’] // 宽 度 
[hspace= "leftRightPixels’] // 水 平 间距 
[vspace="topBottomPixels’] // 垂 直 间 距 


[jreversion 二 "Java 环境 版 本 ”] 
[nspluginurl==” 供 NC 使 用 的 plugin 加 载 位 置 ] 
[iepluginurl 二 ” 供 IE 使 用 的 plugin 加 载 位 置 门 之 
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一 jsp:params > 
一 jsp:param name 一 "参数 名 1” value 二 "参数 值 1 /二 
一 jsp:param name 一 "参数 名 2” value 二 "参数 值 2" /二 


一 /jsp:params > 
[一 jsp:fallback 之 错误 信息 二 /jsp:fallback 之 ] 
一 /jsp:plugin > 
plugin 指令 属性 说 明 如 下 : 
(1) type 一 “bean|applet' 
指定 将 被 执行 的 插件 对 象 的 类 型 是 Bean 还 是 Applet。 因 为 这 个 属性 没有 默认 值 ， 
所 以 必须 指定 一 个 。 
(2) code 王 "保存 类 的 文件 名 ” 
指定 Java 插件 将 要 执行 的 字 节 码 (Java Class) 文 件 的 名 字 , 其 后 级 必须 是 . class。 这 
个 文件 必须 保存 在 由 codebase 属性 指定 的 目录 里 。 
(3) codebase 一 "类 路 径 ” 
说 明 将 要 被 下 载 的 Java Class 文件 的 目录 (或 是 路 径 ) ,如 果 没 有 提供 该 项 属性 ,那么 
默认 为 使 用 二 jsp:plugin 二 动作 的 JSP 文件 的 路 径 。 
(4) name 一 "对象 名 ” 
bean 或 applet 实例 的 名 字 。 
(5) archive 王 "相关 文件 路 径 ” 
一 些 由 逗号 分 开 的 路 径 名 , 预 装 一 些 将 要 使 用 的 class, 用 来 提高 applet 的 性 能 。 
(6) Align="bottom|top|middle |left | right” 
将 要 显示 的 图 形 、 对象 和 Applet 的 位 置 ,可 取 以 下 值 。 
bottom: 位 于 底部 。 
top: 位 于 顶部 。 
middle: 位 于 中 间 。 
left: 位 于 左边 。 
right: 位 于 右边 。 
(7) height 一 "displayPixels” width 一 "displayPixels” 
将 要 显示 的 Applet 或 Bean 的 长 与 宽 . 以 像素 为 单位 。 
(8) hspace="leftrightPixels” vspace 一 “topbottomPixels” 
Applet 或 Bean 显示 时 在 屏幕 左右 、 上 、 下 需要 留 下 的 空间 ,以 像素 为 单位 。 
(9) jreversion 一 "Java 环境 版 本 ” 
运行 Applet 或 Bean 所 需要 的 Java Runtime Environment(JRE) 的 版 本 ,默认 值 是 1. 1。 
(10) nspluginurl 二 ” 供 NC 使 用 的 plugin 加 载 位 置 ” 
Netscape Navigator 能 够 使 用 的 JRE 的 下 载 地 址 , 它 是 一 个 标准 的 URL。 
(11) iepluginurl 一 " 供 IE 使 用 的 plugin 加 载 位 置 ” 
IE 用 户 能 够 使 用 的 JRE 的 下 载 地 址 , 它 也 是 一 个 标准 的 URL。 
(12) =jsp:params> 
需要 向 applet 或 Bean 传送 的 参数 或 参数 值 。 
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(13) 一 jsp:fallback 二 错误 信息 二 /jsp:fallback 二 
一 段 文字 , 当 Java 捅 件 不 能 启动 时 ,这 段 文字 向 用 户 显 示 ;: 如 果 搬 件 能 够 启动 而 


applet 或 Bean 不 能 执行 :那么 浏览 器 弹出 一 个 错误 信息 。 


3. 应 用 举例 
例 7.11 使 用 jsp:plugin 动作 下 载 名 为 RollingMessage. java 的 Java 小 程序 ,并 在 


applet 中 输出 一 行 滚动 显示 的 文字 "欢迎 学 习 " Web 技术 应 用 基础 "1”。 


ex7-11.jsp 代码 清单 如 下 : 


TH%@ page contentType 一 "text/html; charset=GB2312”"%> 

=html> 

一 head 二 一 title 二 用 &ltjsp:plugin&gt 加载 Applet 二 /title 二 

一 /head 一 

=body>=center> 

一 font size 一 3 face 一 "隶书 ” color 一 blue 二 用 & ljsp:plugin&gt 加载 Applet 二 /font 二 

二 ! 一 用 plugin 加 载 Applet 一 二 

一 jsp:plugin type 一 “applet” code="Rolling Message. class” height 一 "60”width 一 "550” > 
一 /jsp:plugin 二 

一 /center 一 

一 /body 二 二 /html 二 


RollingMessage. java 程序 要 先 编 译 , 形成 字 节 码 文 件 RollingMessage. class， 


与 ex7-11.jsp 文件 存放 在 同一 目录 中 。 
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RollingMessage. java 程序 清单 如 下 : 


import java. awt. * ; 
import java. awt. Color; 
import java. awt. Font; 
import java. awt. Graphics; 
public class RollingMessage extends java. applet. Applet implements Runnable! 
Thread runThread; 
String s 一 "欢迎 学 习 "Web 技术 应 用 基础 "1”; 
int s_length 一 s. length(); 
int x_character=0; 
Font wordFont= new Font(" 楷 体 _GB2312”, Font. BOLD .30); 
public void start(C){ 
ifCrunThread 一 一 null)1{ 
runThread 一 new Thread(this); 


runThread. start(); 


} 
public void stop(C){ 


ifCrunThread! 一 null){ 
runThread. stop(C); 
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runThread 一 null; 


} 
public void runO)!{ 
while(true){ 
if(x_character 十 十 记 s_length) 
x_character 一 0; 
repaint(); 
try{ 
Thread. sleep(300); 
} 


catch (InterruptedException e){} 


; 
public void paint(Graphics g) { 
g. setFont (wordFont) ; 
g. setColor (Color. blue); 
g. drawString (s. substring(0,x_character), 8, 50); 
} 
public static void main(String args[]) { //Application 程序 入 口 
Frame {二 new Frame(" 动 画 程 序 ”); // 创 建 Application 程序 框架 
Rolling Message drawTest 一 new Rolling Message( ); 
drawTest. init(); 
drawTest. start(); 
{. add(”"Center’ ,drawTest) ; 
{. resize(400, 100); 
f. show(); 


} 
ex7-11.jsp 代码 运行 结果 如 图 7-11 所 示 , 图 中 文字 “欢迎 学 习 “Web 技术 应 用 基 
础 "1” 水 平 滚动 。 
和 用 <jsp:plugin> 加 载 &pplet - Microsoft-.- 


; 文件 (E) 编辑 (E) 查看 (Y) 收藏 (8) 工具 (IT) 帮助 (ED) 
地 址 吧 ) “| 蜀 http://localhost:8080/ex_D0T/ex7-11. jsp 


用 <jsp:plugin> 加 十 Applet 


学 习 “Web 技 术 应 用 


图 7-11 jsp:plugin 动作 应 用 
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7.5 jsp:useBean 动作 


使 用 jsp:useBean 动作 定义 JSP 页面 要 使 用 的 JavaBean 对 象 ,与 useBean 动作 配合 
使 用 的 有 : jsp:setProperty 和 jsp:getProperty 动作 。 使 用 jsp:setProperty 动作 在 JSP 
页 面 中 设置 JavaBean 对 象 的 属性 ;而 用 jsp:getProperty 动作 将 JavaBean 对 象 属性 值 转 
化 为 一 个 字符 串 , 放 入 内 置 输出 对 象 ,并 把 它 输 出 显示 。 


7.5.1 jsp:useBean 动作 功能 


Java 的 bean 是 一 种 可 以 重复 使 用 的 软件 组 件 。JavaBean 是 Java 类 的 一 种 ,通过 封装 属 
性 和 方法 成 为 具有 某 种 功能 或 处 理 某 种 业务 的 对 象 ,简称 bean。 一 个 Web 应 用 往往 包括 : 
数据 层 .业务 逻辑 层 和 表示 层 。 一 个 基本 的 JSP 页 面包 含 了 HTML 标记 和 Java 程序 段 ,将 
表示 层 和 业务 逻辑 层 混杂 在 一 起 ,使 得 页 面 显 得 混乱 ,不 好 维护 。 应 用 JavaBean 将 表示 层 
和 业务 逻辑 层 分 开 , 把 业务 的 逻辑 处 理 过 程 交 给 bean 完成 ,再 由 JSP 页 面 去 调用 bean。 
bean 降低 了 JSP 程序 的 复杂 度 , 同 时 也 增加 了 软件 的 可 重用 性 。 

jsp:useBean 动作 用 来 装载 一 个 将 要 在 JSP 页 面 中 使 用 的 JavaBean。 它 创建 一 个 
bean 实例 并 指定 其 名 字 和 作用 范围 。 

读者 可 以 把 JavaBean 理解 为 一 个 黑箱 ,只 要 知道 它 的 功能 和 接口 ,就 可 使 用 。 
JavaBean 有 三 种 接口 ,可 以 独立 开发 ,具体 如 下 : 

(1) JavaBean 可 以 调用 的 方法 。 

(2) JavaBean 提供 的 可 以 读 写 的 属性 。 

(3) JavaBean 向 外 部 发 送 或 从 外 部 接收 的 事件 。 


7.5.2 jsp:useBean 语法 规则 


jsp:useBean 语法 格式 如 下 : 


一 jsp:useBean id 一 "beanInstanceName” class 一 “packsge. class” 
Scope 一 “page | request | session | application' /之 

一 /jsp:useBean > 

属性 说 明 : 

(1) id 一 “beanInstanceName' 

定义 bean 组 件 的 名 字 ,使 它 能 够 在 以 后 的 程序 中 使 用 ,并 使 用 bean 组 件 的 名 字 来 分 
辨 不 同 的 bean。 该 变量 名 区 分 大 小 写 ,必须 符合 所 使 用 的 脚本 语言 的 规定 。 如 果 这 个 
bean 已 经 在 “一 jsp:useBean 二 ”标记 中 创建 ,这 个 id 的 值 必须 与 原来 的 id 值 一 致 。 

(2) scope 一 "page|request| session|application” 


该 属性 确定 了 JavaBean 的 使 用 范围 ,或 称 生 命 周 期 。JavaBean 只 有 在 它 定义 的 范围 
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内 有 效 。 默 认 值 是 page, 以 下 是 它 的 详细 说 明 。 

中 page: JSP 引擎 为 每 个 用 户 分 配 不 同 的 bean, 尽 管 每 个 用 户 的 bean 功能 一 样 ,但 
是 它们 占有 不 同 的 内 存 空间 。 该 bean 只 在 当前 页 面 有 效 , 当 用 户 离 开 该 页 面 时 ,JSP 引 
擎 取消 分 配给 该 用 户 的 bean。 

@ request: 该 bean 的 有 效 范围 是 request 期 间 。 在 任何 执行 相同 请 求 的 JSP 文件 
中 使 用 该 bean ,直到 页 面 执行 完毕 向 客户 端 发 回响 应 或 转 到 另 一 个 文件 为 止 。 可 以 使 用 
request 对 象 访 问 该 bean ,例如 request. getAttributes(CbeanInstanceName) 。 

@ session: 该 bean 的 有 效 范围 是 会 话 期 间 。 从 创建 bean 开始 ,就 能 在 任何 使 用 相 
同 bean 的 JSP 文件 中 使 用 该 bean。 如 果 在 一 个 session 期 ,用户 访问 了 多 个 页 面 , 这 些 
页 面 都 包含 有 一 个 useBean 标记 ,这 些 useBean 标记 中 的 id 值 一 样 ,那么 ,用 户 在 这 些 页 
面 中 使 用 的 bean 是 同一 个 bean。 也 就 是 说 ,如 果 用 户 在 某 个 页 面 中 改变 了 bean 的 某 个 
属性 值 , 则 其 他 页 面 的 该 bean 的 该 属性 值 也 发 生 相 同 的 变化 。 在 创建 bean 的 JSP 文件 
的 “一 外 @page% 二 ”指令 中 必须 指定 session 二 "true”。 

@ application: 从 创建 bean 开始 ,就 能 在 任何 相同 的 application 的 JSP 文件 中 使 用 
该 bean ,该 bean 存在 于 整个 application 生存 周期 内 ,任何 共享 此 application 的 JSP 文件 
都 能 使 用 同一 bean。 即 所 有 的 用 户 共 享 一 个 bean, 如 果 有 某 个 用 户 更 改 了 该 bean 的 某 
个 属性 值 ,那么 所 有 用 户 的 该 bean 的 该 属性 值 都 发 生 相同 的 变化 ,该 bean 一 直到 服务 器 
关闭 时 才 被 取消 。 

(3) class 一 “package. class” 

使 用 new 关键 字 以 及 类 构造 函数 从 一 个 类 中 实例 化 一 个 bean。 这 个 class 不 能 是 抽 
象 的 ,必须 有 一 个 公用 的 没有 参数 的 构造 函数 。package 名 字 要 区 分 大 小 写 。 


7.5.3 jsp:useBean 工作 过 程 


当 一 个 包含 有 useBean 标记 的 JSP 页 面 在 服务 器 端 加 载运 行 时 ,JSP 引擎 根据 
useBean 中 id 属性 指定 的 名 字 , 在 一 个 同步 块 中 查找 内 置 对 象 pageContent 中 是 否 包 含 
该 id 指定 的 名 字 和 scope 指定 的 作用 域 的 对 象 , 如 果 该 对 象 存在 ,JSP 引擎 把 这 样 一 个 对 
象 分 配给 用 户 ,用 户 则 获得 一 个 id 属性 指定 名 字 scope 属性 指定 作用 域 的 bean。 


7.5.4 jsp:useBean 应 用 实例 


例 7.12 本 例 说 明了 jsp:useBean 具有 不 同 的 scope 属性 值 的 应 用 。 
1. 任务 要 求 


制作 一 个 简单 的 bean: 用 Java 编写 的 Box 类 .可 以 设置 长 方 体 的 长 、 宽 、 高 ,并 求 长 
方 体 的 表面 积 和 体积 。 在 JSP 页 面 中 使 用 bean, 并 显示 不 同 scope 属性 值 JavaBean 的 使 
用 范围 。 
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2. 字 节 码 文件 的 存放 目录 


在 Web 服务 目录 下 建立 字 节 码 文件 的 存放 目录 WEB-INF\classes, 由 于 本 章 例题 存 
放 在 D:\ Tomcat 5. 5\webapps\ex_D07 目录 下 ,所 以 本 章 字 节 码 的 存放 目录 是 
D:\Tomcat 5. 5\webapps\ex_D07\WEB-INF\classes\bean。 用 Java 编写 的 立方 体 类 
Box. java 编译 生成 的 字 节 码 文件 Box. class 存放 在 该 目录 下 。 


3. Box. java 


Box. java 代码 清单 如 下 : 


package bean; 
import java. io. * ; 
public class Box! 
int length, width, height; 
public BoxO)!{ 
length=1; 
width 


height 
} 
public void setlength(int newlength)!{ 
length= newlength; 
; 
public void setwidth(int newwidth){ 
width= newwidth; 
} 
public void setheight(int newheight) 
height= newheight; 
} 
public int getlength()1{ 
return length; 
} 
public int getwidth(){ 
return width; 
} 
public int getheight(){ 
return height; 
} 
public int BoxVolume(){ 
return length * width * height; 
} 
public double BoxArea()1{ 
return 2 * (length * width 十 width * height 十 length * height) ; 
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} 

Box. java 编译 通过 后 生成 字 节 码 文件 Box. class, 将 该 字 节 码 文件 存放 在 Tomcat 
5.5\webapps\ex_D07\WEB-INF\classes\bean 目录 下 。 

4. scope 二 ”page” ,bean 的 有 效 范 围 是 当前 页 

在 ex7-12.jsp 页 面 中 ,获得 一 个 id 为 MyBox, 作 用 域 是 page 的 bean ,该 bean 的 生命 
期 为 当前 页 。ex7-12. jsp 代码 清单 如 下 : 


=%@ page contentType= "text/html; charset 一 GB2312"%% 二 
=%@ page import="bean. Box’ % > 


=html> 
一 body> 
一 jsp:useBean id 一 "MyBox” scope 一 "page” class 一 "bean. Box 一 
=/jsp:useBean> 
<%MyBox. setlength(20); % > 
Box 的 长 是 : 


=%=MyBox. getlength()%> 
=%MyBox. setwidth(10); %>=br> 
Box 的 宽 是 : 

=%=MyBox. getwidth() %> 
<%MyBox. setheight(5); %>=br> 


6 EP A eT | 
Box 的 高 是 : : yr 2 查看 SY 工具 (T) 二 =- a | 
=%=MyBox. getheight()%><=br> ; 地 址 D) “| 蜀 localhost:8080/ex_D07/ex7-12. jsp 国 | 回转 到 
Box 的 体积 是 : 国 
=%=MyBox. BoxVolume()%% 二 二 br 二 | 
Box 的 表面 积 是 : Box 的 体积 是 ， 1000 
=%=MyBox. BoxArea() %> B95 的 实 丰 家 00.0 


=/body>=/html> 


在 浏览 器 中 的 显示 效果 如 图 7-12 所 示 。 
5. scope 一 "session “ ,用户 在 不 同 页 面 共享 bean 


一 个 用 户 可 以 在 不 同 页 面 共 享 一 个 bean, 其 作用 域 是 session 的 bean。 本 案例 设计 
是 : 用 户 在 ex7-12_1.jsp 和 ex7-12_2.jsp 页 面 间 共 享 同 一 个 立方 体 bean, 如 果 用 户 在 其 
中 一 个 页 面 中 更 新 了 长 方 体 的 数据 ,那么 刷新 男 一 个 页 面 , 则 可 见 到 更 新 后 的 数据 。 

(1) ex7-12_1.jsp 代码 清单 


HE@ page contentType= "text/html; charset=GB2312”"%> 

HE@ page import="bean. Box’ %> 

=html>=body> 
一 jsp:useBean id=”"MyBox’” class 一 "bean. Box’” scope="session’> 
=/jsp:useBean> 
Box 的 长 是 : 


图 7-12 作用 域 为 page 的 beanJSP 页 面 
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<%=MyBox. getlength()% 二 一 br 一 


Box 的 宽 是 : 

=%=MyBox. getwidth() % 二 一 br 一 
Box 的 高 是 : 

<%=MyBox. getheight() %><=br> 
Box 的 体积 是 : 

=%=MyBox. BoxVolume()% 二 一 br 一 
Box 的 表面 积 是 : 


<%=MyBox. BoxArea()% 二 一 br 
一 a href 一 ex7-12_2. jsp>ex7-12_2. jsp=/a> 
</body><=/html> 


(2) ex7-12_2. jsp 代码 清单 


=%@ page contentType 一 "text/html; charset=GB2312”%> 
HE@ page import 一 "bean. Box’ %> 
=html> 
body> 
一 jsp:useBean id 一 "MyBox” scope="s 
=/jsp:useBean> 


ssion”class 一 "bean. Box’> 


Box 的 长 是 : 

=%=MyBox. getlength() %>=br> 
Box 的 宽 是 : 

=%=MyBox. getwidth() %>=br> 
Box 的 高 是 : 

=%=MyBox. getheight() %>=br> 
Box 的 体积 是 : 

=%=MyBox. BoxVolume()%% 二 二 br 二 
Box 的 表面 积 是 : 


=%=MyBox. BoxArea()%% 二 一 p 二 

<%MyBox. setlength(30); % > 

修改 后 Box 的 长 是 : 

=%=MyBox. getlength()%> 

=%MyBox. setwidth(20); %>=br> 

修改 后 Box 的 宽 是 : 

=%=MyBox. getwidth() %> 

=%MyBox. setheight(10); %>=br> 

修改 后 Box 的 高 是 : 

=%=MyBox. getheight() %>=br> 

修改 后 Box 的 体积 是 : 

=%=MyBox. BoxVolume() % 二 一 br 一 

修改 后 Box 的 表面 积 是 : 

<%=MyBox. BoxArea()% 二 一 br 二 

一 a href 一 ex7-12_1. jsp> ex7-12_1.jsp=/a> 
=/body>=/html> 
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(3) 代码 在 浏览 器 中 的 显示 效果 

ex7-12_1.jsp 在 浏览 器 中 的 显示 效果 如 图 7-13(a) 所 示 。 单 击 此 图 中 的 超 链接 ,页 面 
转 跳 至 ex7-12_2. jsp, 显 示 长 方 体 的 数据 并 将 其 数值 更 新 ,显示 效果 如 图 7-13(b) 所 示 , 单 
击 此 图 中 的 超 链 接 , 页 面 又 跳 回 ex7-12_1.jsp 页 面 : 但 长 方 体 的 数值 已 被 更 新 。 说 明 用 户 
在 ex7-12_1. jsp 和 ex7-12_2.jsp 页 面 间 共享 一 个 bean。 


也 http:VVlocalhos-.- |- EI/Xx] 雪 http:V/localhos-- =] http://localhos. .. 人 -上品 区 | 
文件 正 ) 问 习 {2) 音 着 () 收藏 ” 遍 3 文件 E) 编 往 (E) 查看 (四 收藏 ” 家 i 琉 件 (EB 编 略 人 E) 查看 ( 们 收藏 0 ”人 
地址 (0D) “| 蜀 :_D0?/ex?-12_1. jzp 加 | 回 等 到 :地址 @) “| 看 .DosxT12_2.3Jz 国 加 ie 地址 D) "| 撞 :_p01/sz7-12_1. jsp 国 | 图 装 到 


3ox 的 长 是 : 1 | 

3ox 的 席 和 0 

3ox 的 高 是 ， 1 10 

3ox 的 体积 是 ， 1 Box 人 5000 
加 


Box 的 表面 积 是 ， 5.0 Box 的 秦 面 积 是 。 2200.0 
2xT-12 2. jsp 

修改 后 Eox 的 长 是 : 

修改 后 Box 的 宽 是 ， 

修改 后 Box 的 高 是 ， 

修改 后 Box 的 体积 是 0 

修改 后 Box 的 表面 积 是 。 2200. 0 


ex7-1? 1. jsp 


| 间 | | 同 李 Intrat "| | | | | not 
{a) 7-12_1jsp 运 行 效果 (b) 7-12_2.jsp 运 行 效果 (c) 再 次 运行 7-12_1jsp 


图 7-13 页 面 共 享 beanex 


6. scope 二 ”application” ,不 同 用 户 共享 bean 


在 ex7-12_3.jsp 代码 中 创建 了 一 个 id 为 MyBox, 作 用 域 是 application 的 bean。 该 
bean 由 所 有 用 户 共享 ,直到 服务 器 被 关闭 为 止 。ex7-12_3.jsp 代码 清单 如 下 : 


TW%@ page contentType= "text/html; charset=GB2312”’% > 
TH%@ page import 一 "bean. Box’ %> 
一 html 二 二 body 二 
一 jsp:useBean id 一 "MyBox"” scope 一 "application”class 一 "bean. Box’> 
=/jsp:useBean> 
Box 的 长 是 : 
=%=MyBox. getlength() %>=br> 
一 最 MyBox. setlength(40); % > 
修改 后 Box 的 长 是 : 
=%=MyBox. getlength() %>=p> 


Box 的 宽 是 : 

<%=MyBox. getwidth() % > 
=%MyBox. setwidth(30); %% 二 一 br 二 
修改 后 Box 的 宽 是 : 

=%=MyBox. getwidth() % 二 一 bp 二 


Box 的 高 是 : 
=%=MyBox. getheight() %> 
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<% MyBox. setheight(20); % 二 一 br 二 
修改 后 Box 的 高 是 : 
=%=MyBox. getheight()%% 二 一 pb 二 


修改 后 Box 的 体积 是 : 
=%=MyBox. BoxVolume() % 二 一 br 一 
修改 后 Box 的 表面 积 是 : 
<%=MyBox. BoxArea() %> 
< /body> /hitbl> 


第 一 个 用 户 运 行 7-12_3. jsp 显示 长 方 体 的 数据 .然后 更 新 这 些 数据 并 显示 ,效果 如 
图 7-14(a) 所 示 。 其 他 后 续 用 户 运 行 7-12_3. jsp 显示 长 方 体 更 新 后 的 数据 ,如 图 7-14(b) 
所 示 。 


3http:V/localhos... | [=] Ed ET 图 回回 

;i 文件 (E) 编辑 民 ) 直 看 ( ”收藏 ”> 司 i 文件 下 ) 纲 缉 但 ) 查看 了 和 相间 > | 司 / 

i 地址 号) -| 接 _007/ex7-12_3.7sp 国 | 图 半 到 地址 VW) -| 竹 _D07/ex?-12_3. ;sp 国 回 半 到 
~ RR 


Box 的 长 是 ， 1 Pox 的 长 是 ， 40 
修改 后 Box 的 长 是 ， 40 修改 后 Box 的 长 是 。 40 


Box 的 高 是 ， 1 Box 的 高 是 ，_30 
修改 后 Box 的 宽 是 ， 30 修改 后 Box 的 宽 是 。 30 


Box 的 高 是 ， 1 Box 的 高 是 ，_20 
修改 后 Box 的 高 是 ， 20 修改 后 Box 的 高 是 : 20 


修改 后 Box 的 体积 是 。 24000 修改 后 Box 的 体积 是 。 24000 
修改 后 Box 的 表面 积 是 : 5200.0 修改 后 Box 的 表面 积 是 ， 5200.0 


(a) 第 一 个 用 户 访问 7-12_3jsp (b) 第 二 个 用 户 访问 7-12_3jsp 
图 7-14 不 同 用 户 共享 bean 


7. 创建 类 实例 应 用 bean 


例 7.13 本 例 (ex7-13.jsp) 的 运行 效果 与 ex7-12. jsp 的 运行 效果 是 一 样 的 。 
在 ex7-12.jsp 页 面 中 ,使 用 以 下 语句 创建 名 为 MyBox 的 bean: 


=jsp:useBean id="MyBox’” scope="page’ class="bean. Box’ > 
=/jsp:useBean> 


在 ex7-13. jsp 代码 中 使 用 语句 : 二 % Box MyBox 王 new Box();%% 二 ,创建 名 为 
MyBox 的 bean。 


ex7-13. jsp 代码 清单 如 下 : 


HE@ page contentType= "text/html; charset=GB2312”"%> 
HE@ page import="bean. *"%> 
一 html 二 一 body 二 

一 外 Box MyBox 一 new Box(); %> 

=%MyBox. setlength(20); % > 
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Box 的 长 是 : 

=%=MyBox. getlength() %% 二 

<%MyBox. setwidth(10) ; % 二 一 br 一 

Box 的 宽 是 : 

=%=MyBox. getwidth() % 二 

<%MyBox. setheight(5); % 二 一 br 一 

Box 的 高 是 : 

一 外 一 MyBox. getheight (0) %>=br> 

Box 的 体积 是 : 

<%=MyBox. BoxVolume() % 二 一 br 二 

Box 的 表面 积 是 : 

<%=MyBox. BoxArea() %> 
=/body>=/html> 


7.5.5 设置 和 获取 bean 属性 值 


1. jsp:setProperty 动作 


(1) jsp:setProperty 动作 的 功能 
用 来 设置 bean 中 的 属性 值 。 
(2) jsp:setProperty 动作 的 语法 规则 


过 jsp:setProperty name 一 “bean 的 名 字 ”property 二 “bean 的 属性 "value 二 "<%= 二 expression% 之 /之 


(3) 属性 说 明 

QO@ name 一 “bean 的 名 字 ”: 表示 已 经 在 “一 jsp:useBean 二 ”中 创建 的 bean 实例 名 字 。 

@ property 二 ”bean 的 属性 ”: 用 于 匹配 bean 中 的 属性 。 

@ value 二 ”二 % 二 expression% 记 ”; 存储 用 户 在 JSP 输入 的 属性 值 。 

(4) 使 用 说 明 

一 jsp:setProperty 二 使 用 bean 给 定 的 set XXX() 方 法 ,在 bean 中 设置 一 个 或 多 个 属 
性 值 , 在 使 用 该 动作 前 必须 使 用 一 jsp:useBean 二 声明 此 bean。 二 jsp:useBean 二 和 
一 jsp:setProperty 二 是 相互 关联 的 ,一 jsp: setProperty 二 中 的 name 的 值 应 当 和 一 jsp: 
useBean 二 中 的 id 的 值 相同 。 

使 用 "一 jsp:setProperty 二 "来 设 定 属性 值 时 ,可 以 使 用 多 种 不 同方 法 ,例如 : 

J 通过 用 户 输入 的 所 有 值 ( 作 为 参数 存储 在 request 对 象 中 ) 来 匹配 bean 中 的 属性 。 

@ 通过 用 户 输入 的 指定 值 来 匹配 bean 中 指定 的 属性 。 

@ 在 运行 时 使 用 一 个 表达 式 来 匹配 bean 的 属性 。 


2. jsp:getProperty 动作 


(1) jsp:getProperty 动作 的 功能 
使 用 jsp:getProperty 获取 bean 的 属性 值 ,并 把 它们 在 JSP 页 面 中 显示 出 来 。 
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(2) jsp:getProperty 动作 的 语法 规则 


一 jsp:getProperty name 一 “bean 的 名 字 ”property 一 “bean 的 属性 ”/ 过 > 


7.6 JSP 指令 与 动作 的 应 用 一 一 读者 选 购 图 书 


1. 功能 介绍 


例 7.14 读者 选 购 图 书 的 应 用 ,其 中 包含 了 三 个 程序 。 
ex7-14. html: 是 读者 选择 图 书 的 界面 , 见 图 7-15, 读 者 在 界面 内 选择 需要 的 图 书 和 
数量 , 单 击 “ 确 定 ” 按 钮 后 ,将 信息 发 送 给 ex7-14. jsp。 
EN [Ed 


i 文件 EE) 编辑 (E) 查看 (Z) 收藏 人) 工具 (IT) 帮助 (HD) 
;地址 (0) -| 撞 ttp://localhozst:8080/ex_D07Vex7-14.htm 园 | 加 


请 选择 图 书 


书 名 ，[CHEEBREFRF 国 数量 : 
铅 本 地 Intranet 


图 7-15 读者 选择 图 书 


ex7-14.jsp: 接收 ex7-14. html 的 信息 ,使 用 jsp:useBean 动作 创建 了 名 为 book 的 
bean 组 件 。ex7-14. jsp 使 用 ne he 动作 在 bean 中 设置 属性 值 。 

BookBean. java: 是 一 个 JavaBean, 将 它 编 译 成 字 节 码 文 件 BookBean. class 存放 在 
Tomcat 5. 5\webapps\ex_D07\WEB-INF\classes\bean 目录 下 。 


2. ex7-14. html 代码 清 


一 html 二 一 head 二 一 title 二 图 书 订 购 二 /title 二 
一 /head 一 
< 一 body 二 二 center 一 


=”5”face= 一 "隶书 ” color 一 "# 0000ff 全 请 选择 图 书 一 /font 一 
一 /center 二 一 hr 一 


二 font size= 


一 form method 一 “post” action 一 "ex7-14. jsp’> 
一 div align 一 “center 全 一 font size 一 4 二 


书 名 : 
=select name 一 0 
一 option value 一 "C++ 语言 程序 设计 ”selected 二 C++ 语言 程序 设计 一 /option 二 


一 option value 一 "Google 搜索 从 入 门 到 精通 ”二 Google 搜索 从 人 门 到 精通 一 /option 一 
二 option value 一 "现代 英语 教程 学 习 辅 导 (2)" 盖 现代 英语 教程 学 习 辅 导 (2) 一 /option 二 
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< 二 option value 一 "火星 的 故事 "二 火星 的 故事 二 /option 二 
一 option value 一 "考研 英语 听力 模拟 试题 全 考研 英语 听力 模拟 试题 二 /option 一 


一 option value 二 ”WTO 与 中 国 基 础 教育 发 展 "这 WTO 与 中 国 基 础 教育 发 展 一 /option 二 


=/select> 
数量 : 
一 select name="bookNum’> 
一 option value 一 "1"selected 二 01 一 /option 二 
< 一 option value="2”">02=/option> 
一 option value="3">03=/option> 
一 option value="4">04=/option> 
一 option value="5">05=/option> 
一 option value="6">06=/option> 
=/select><—=p> 
一 input type 二 submit” value 一 "确定 ”name 一 “submit 一 
一 input type 二 "reset” value 一 "清除 ” name 一 “reset' 一 
=/div> 
=/form> 
=/body>=/html> 


3. ex7-14.jsp 代码 清单 


=%@ page contentType="text/html; charset=GB2312"%> 
=% request. setCharacterEncoding ("GB2312”); %> 
TH%@ page import="bean. BookBean’ % > 
=jsp:useBean id 一 "book” class 一 "bean. BookBean” scope="request > 
一 jsp:setProperty name 一 "book” property 一 "bookName'/ 二 
一 jsp:setProperty name="book” property 一 “bookNum'/ 二 
=/jsp:useBean> 
一 html 二 一 head 二 一 title 二 图 书 订 购 一 /title 二 
一 /head 一 
< 一 body 二 二 center 一 
一 font size 一 "5”face 一 "隶书 ”color 一 "# 0000ff 全 订购 图 书 清 单一 /font 一 
=/center><=br> 
=div align="center’> =font size="4"> 
书 名 : 二 % 二 book. getBookName()% 二 一 BR 
数量 : 一 %% 王 book. getBookNum()% 二 一 BR 二 
=/font> 
=/div> 
=/body>=/html> 


4. BookBean. java 代码 清单 


package bean; 
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import java. io. * ; 
public class BookBean! 
private String BookName=”; 
private int BookNum 一 1; 
public BookBean(){ 
} 
public void setBookName( String BookName ){ 
this. Book Name= BookName; 
} 
public String getBookName(){ 
return this. BookName; 
} 
public void setBookNum( int BookNum ){ 
this. BookNum= BookNum; 
} 
public int getBookNum(){ 


return this. BookNum; 


5. 运行 结果 
在 浏览 器 中 运行 ex7-14. html, 在 表单 中 输入 数据 , 单 击 * 确 定 ” 按 钮 ,信息 处 理 后 在 
浏览 器 中 显示 如 图 7-16 所 示 。 


EN [=] 
# 文件 (E) “编辑 (E) 查看 (D 收藏 6) 工具 ( > | 届 / 


地 址 人 ) ~| 儿 \ost:8080/ex_D07/ex7-14. jsp 国 | 回转 到 


订购 图 书 清 学 


书 名 : C++ 语言 程序 设计 
数 量 : 3 


习题 、 上 机 练习 与 实 训 7 | 


一 、 习题 

简 述 JSP 的 主要 特点 。 

JSP 文件 名 的 后 组 是 什么 ? JSP 代码 的 定 界 符 是 什么 ? 
简 述 JSP 的 运行 过 程 。 

一 个 JSP 页 面 的 源 代码 与 在 客户 端 看 到 的 代码 是 否 一 致 ? 


WN 
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5. 举例 说 明 JSP 常用 的 5 种 语句 类 型 。 

6. 什么 是 HTML 注释 ? 什么 是 隐藏 注释 ? 它们 分 别 在 什么 情况 下 使 用 ? 

7. HTML 注释 在 浏览 器 中 能 见 到 吗 ? 在 客户 端的 “查看 源 文件 ”中 能 见 到 吗 ? 

8. 在 什么 标记 之 间 声 明 变 量 和 方法 ? 使 用 时 应 注意 些 什么 ? 

9. 在 什么 标记 之 间 插 入 表达 式 ? 使 用 时 应 注意 些 什 么 ? 

10. JSP 指令 的 主要 功能 有 哪些 ? 

11. 如 果 include 指令 做 入 的 是 静态 文件 ,被 府 入 的 文件 在 什么 时 间 被 编译 ?如果 
include 指令 包含 的 是 动态 文件 ,被 包含 的 文件 在 什么 时 间 被 编译 ? 

12. page 指令 的 作用 是 什么 ? 并 举 出 其 3 种 属性 的 应 用 。 

13. jsp:include 动作 与 include 指令 的 区 别 是 什么 ? 

14. 应 用 JavaBean 的 好 处 是 什么 ? 

15. jsp:setProperty 动作 的 功能 是 什么 ? 

16. jsp:getProperty 动作 的 功能 是 什么 ”与 jsp:setProperty 动作 如 何 配合 使 用 ? 

二 、 上 机 练习 

1. 使 用 JSP 技术 在 浏览 器 中 输出 四 行 由 大 变 小 的 文字 。 

2. 使 用 Date 函数 读 取 系统 当前 时 间 ,根据 不 同 的 时 间 段 ,在 浏览 器 输出 不 同 的 问候 
语 , 例 如 上 午 0 一 12 点 之 间 输 出 “早上 好 ”, 同 时 把 系统 的 时 间 年 .月 .日 小时、 分 、. 秒 和 星 
期 输出 到 用 户 的 浏览 器 。 

3. 加 载 静态 文件 。 制 作 一 个 HTML 文件 ,在 页 面 上 输出 一 行文 字 , 例 如 “include 指 
令 的 使 用 ,” 等 。 然 后 制作 一 个 JSP 文件 ,应 用 include 指令 加 载 刚 制作 的 HTML 文件 ， 
在 客户 端 显示 出 来 ,并 在 客户 端的 “查看 源 文件 "中 观察 源 文件 。 

4. 加 载 动态 文件 ,制作 一 个 JSP 文件 ,计算 一 个 数 的 平方 根 ,然后 再 制作 一 个 JSP 文 
件 ,应 用 二 jsp:include 二 动作 加 载 刚 制 作 的 JSP 文件 ,在 客户 端 显示 出 来 ,并 在 客户 端的 
“查看 源 文件 ”中 观察 源 文件 。 

5. 使 用 jsp:include 动作 制作 一 个 班级 的 JSP 页面, 显示 班 上 每 个 同学 的 信息 。 每 
个 同学 都 有 自己 的 页 面 , 申 本 人 定期 更 新 。 


玉 应 用 Java | 
要 求 班级 的 JSP 页 面 是 稳定 的 ,看 谁 的 页 面 |: 文件 ED) 编辑 (E) 查看 (D 收藏 4) 工具 (1) 1” | 而 
最 有 特色 地 址 (D) -| 者 >calhost:8080/ex_D07/Color.htn1 国 
6. 设计 表单 ,制作 读者 选 购 图 书 的 界面 ， JavaBean 


当 读 者 选中 一 本 图 书后 , 单 击 “ 确 定 ” 按 钮 ,页 
面 跳 转 到 介绍 该 图 书信 息 页 面 ,请 用 “jsp: 
forward page 一 ”语句 。 

7. 制作 一 个 页 面 : 页 面 的 背景 颜色 ,文字 
的 大 小 、 字 体 和 颜色 可 以 根据 用 户 的 选择 来 
实施 。 界 面 如 图 7-17 所 示 , 要求 应 用 图 7-17 改变 色彩 的 界面 


JavaBean 完成 。 


文字 颜色 ， | 思 


字体 ， 


CE 


| 加 本 地 Intranet 
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三 、 实 训 课题 

1. 应 用 JavaBean 完成 一 个 计算 器 的 制作 。 

2. 应 用 JavaBean 完成 一 个 计数 器 的 制作 ,计数 器 bean 的 范围 是 application 的 ,由 
不 同 用 户 共 享 。 

3. 制作 一 个 购物 车 bean, 要 求 具有 选择 商品 、 添 加 商品 到 购物 车 、 查 看 购物 车 和 从 购 
物 车 中 删除 商品 等 功能 。 
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章 JSP 内 置 对 象 
第 


为 了 简化 JSP 的 应 用 ,JSP 提供 了 9 个 内 置 对 象 。 这 些 内 置 对 象 可 以 直接 引用 ,不 需 
要 显 式 声明 ,也 不 需要 实例 化 。 

JSP 内 置 对 象 案例 应 存放 在 Web 服务 目录 下 .本 书 存 放 在 D: 和 人 Tomcat 5. 5\ 
webapps\ex_D08 目录 下 。 


8.1 JSP 内置 对 象 概述 


在 JSP 中 预先 定义 好 一 些 常用 的 对 象 ,在 Web 应 用 中 可 以 直接 使 用 这 些 对 象 。 内 置 
对 象 的 构建 基础 是 HTTP 协议 ,可 以 使 用 这 些 对 象 完成 收集 浏览 器 请 求 发 出 的 信息 、 响 
应 浏览 器 以 及 存储 用 户 信息 等 工作 ,内 置 对 象 的 应 用 大 大 简化 了 Web 开发 工作 。 

因为 Java 是 区 分 大 小 写 的 ,所 以 在 JSP 中 对 象 名 书写 一 定 要 准确 ,特别 要 注意 字母 
的 大 小 写 。 

JSP 常用 内 置 对 象 及 它们 的 作用 见 表 8-1。 


表 8-1 JSP 内 置 对 象 


内 置 对 象 名 称 作 用 

ee 客户 端 请 求 。 获取 用 户 提交 的 请 求 信息 ,例如 在 form 表单 中 输入 的 信息 。 该 
请 求 包含 来 自 get/post 请 求 的 参数 

response 服务 器 对 客户 端的 回应 。 使 用 该 对 象 响应 用 户 请 求 .发 送 回应 信息 给 用 户 
与 请 求 有 关 的 会 话 对 象 。 客 户 端 与 服务 器 端的 一 次 会 话 . 在 客户 端 与 服务 器 

session 端 断 开 之 前 .都 可 以 访问 session 的 有 关 属 性 和 方法 。session 对 象 可 以 存储 
用 户 的 状态 信息 

application 与 服务 器 环境 相关 的 对 象 

out 向 客户 端 发 送信 息 的 对 象 :用 来 传送 回应 的 输出 信息 流 

config 脚本 程序 配置 对 象 。 提 供 一 些 配置 信息 

pageContext 管理 网 页 的 上 下 文 属性 .代表 的 是 当前 页 面 运行 的 一 些 属性 

page 代表 正在 运行 的 由 JSP 文件 产生 的 类 对 象 

exception JSP 运行 时 产生 的 异常 对 象 


8.2 request 对 象 


request 对 象 和 response 对 象 是 JSP 中 应 用 较 多 的 两 个 对 象 ,request 对 象 用 于 得 到 
用 户 提 交 的 信息 ,而 response 对 象 是 向 用 户 发 送 响 应 信息 ,两 者 结合 起 来 完成 动态 页 面 
的 交互 功能 。 


8.2.1 request 对 象 的 功能 


当 用 户 在 客户 端 向 Web 服务 器 提出 请 求 时 ,Web 服务 器 响应 该 请 求 ,作出 回应 。 为 
此 ,JSP 内 置 了 request 和 response 对 象 。request te a 二 
了 客户 端的 相关 信息 。response 对 象 主要 用 来 向 客户 发 送信 息 , 它 包含 了 Web 服务 器 对 
客户 的 响应 信息 。 

JSP 的 内 置 对 象 request 封装 了 用 户 提交 的 信息 ,使 用 request 对 象 调 用 相应 的 方法 
可 以 获得 所 需要 的 封装 信息 。 例 如 ,使 用 表单 向 Web 服务 器 提交 信息 : 

一 form methed 二 get|post action 一 "服务 器 端 应 用 程序 URL 一 

用 post 或 get 方法 提交 HTML 表单 信息 。 应 用 post 方法 提交 的 数据 不 被 显示 ,上 比 
较 安 全 。 而 使 用 get 方法 ,提交 的 数据 会 附加 到 请 求 的 URL 之 后 ,将 在 地 址 栏目 中 显示 
出 来 ,存在 不 安全 因素 ,例如 ,在 表单 中 向 服务 器 端的 plugin. jsp 文件 提交 表单 信息 ,表单 
信息 将 附 在 plugin. jsp 文件 的 URL 后 面 发 送 到 服务 器 端 ,如 果 有 多 个 字段 信息 由 “&.” 分 
开 。 举 例如 下 : 

http://127.0.0.1 :8080/plugin. jsp? txtName="*"®& txtNum="*" 


服务 器 端 应 用 request 对 象 的 方法 来 接受 或 处 理 这 些 信息 。request 对 象 用 得 比较 多 
的 是 getParameter 方法 。 


8. 2. 2 getParameter 方法 


1. getParameter 方法 的 作用 
request 对 象 的 getParameter 方法 根据 指定 的 参数 获取 客户 端 信息 
2. getParameter 方法 的 语法 规则 


一 % String name[] %> 


<% name= request. getParameter( "txtName'") %> 


name 是 一 个 声明 过 的 字符 串 变量 。txtName 是 客户 端 提交 信息 中 的 一 个 字段 名 。 
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8.2.3 获取 客户 提交 信息 案例 


例 8.1 


要 求 在 页 面 上 有 两 个 文本 框 , 在 文本 框 中 输入 姓名 和 电话 号 码 , 单 击 “ 提 交 ” 


按钮 后 ,由 服务 器 应 用 程序 接受 并 处 理 用 户 信息 。 例 8. 1 中 ex8-01. html 通过 表单 向 
ex8-01. jsp 提交 信息 。 
ex8-01. html 代码 清单 如 下 : 


=html> 


< 一 head 盖 一 title 之 获取 客户 提交 信息 案例 一 /title 二 
一 /head 一 


=body> 


一 div align 一 “center 一 


一 form action 一 "ex8-01. jsp” method= post> 


一 font size=4 color= blue> 
姓名 : 二 input name 一 RdName 二 一 pb 二 
电话 : 二 input name 一 PhName 二 一 p 二 


一 input type 一 “submit' value 一 "提交 ”name 一 "submit 二 一 /font 一 


=/form> 
=</div> 
=/body>=/html> 


ex8-01. jsp 代码 清单 如 下 : 


<%@ page contentType= "text/html;Charset=GB2312”%> 
一 html 二 一 body 二 
一 % String strl= request. getParameter(" RdName’); %> 


=% String str2= request. getParameter("PhName’); %> 


一 % String str3= request. getParameter("submit ) ; %> 
一 font face 一 "楷体 ”size 一 4 color 二 blue 二 
姓名 文本 框 信息 : 二 % 二 str1% 二 <p 二 
电话 文本 框 信息 : 一 %% 王 str2% 二 一 p 二 
提交 按钮 的 面值 : 二 % 二 str3% 二 
=/font> 
=/body>=/html> 


例 8. 1 运行 结果 如 图 8-1 所 示 。 


8.2.4 


request 对 象 常 用 方法 


在 客户 访问 页 面 时 ,向 服务 器 的 JSP 引擎 提交 一 个 HTTP 请 求 , 该 请 求 包 含 一 个 请 
求 行 、 主 机 头 和 上 载 信息 ,例如 : 


post/ex8-01. html/HTTP 1.1 // 请 求 行 
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要 获取 客户 担 交 信 
| 文件 人 E) 编辑 (3) 


EA 


; 文件 多) 编辑 {E) 查看 人 0 
:地址 也 =| 蜀 D0arexs-0l. jsr 国 


地址 {D) - 莉 msrexs-ol rtml 国 


姓名 文本 框 信息 : 张 三 
电话 文本 框 信息 : 12345678 
提交 按钮 的 面值 : 提 交 


123456T78 


智 完 | 号 本地 Intzanet 


(b) 
图 8-1 获取 客户 提交 信息 案例 
host:local:8080 ”// 头 ,host 是 头 名 字 


上 载 的 表单 信息 是 用 getParameter 方法 获得 的 ( 见 例 8. 1) 。request 对 象 也 提供 了 
一 些 其 他 方法 ,用 来 获得 客户 传 来 的 信息 .具体 如 下 。 

(1) getProtocol() 方 法 : 获得 客户 向 服务 器 传送 数据 所 使 用 的 通信 协议 和 它 的 版 本 
号 ,例如 ,HTTP/1. 1。 

(2) getServerName() 方 法 : 获得 接受 请 求 的 服务 器 主机 名 。 

(3) getServerPort() 方 法 : 获得 服务 器 主机 的 端口 号 。 

(4) getRemoteHost() 方 法 : 获得 客户 机 的 全 名 ,如 果 不 能 获取 客户 机 名 字 , 则 获得 
客户 机 的 IP 地 址 。 

(5) getRemoteAddr() 方 法 : 获得 发 送 请 求 的 客户 机 的 IP 地 址 。 

(6) getMethod() 方 法 : 获得 客户 提交 信息 的 方式 ,如 get、post 或 put 等 。 

(7) getServletPath() 方 法 : 获得 客户 请 求 的 JSP 页 面 的 文件 目录 。 

(8) getContentLength() 方 法 : 获得 客户 提交 信息 的 长 度 , 以 字 节 为 单位 。 

(9) getHeader(String name) 方 法 : 获得 HTTP 头 文件 中 由 参数 name 指定 的 头 名 
字 的 值 。 

(10) getHeaderNames() 方 法 : 获得 客户 请 求 中 所 有 头 部 域 的 名 字 。 

(11) getPathInfo() 方 法 : 获得 客户 请 求 时 关联 到 URL 的 附加 路 径 信息 ,没有 此 信 
息 则 返回 空 值 。 

(12) getCookies() 方 法 : 返回 客户 端的 Cookies 对 象 , 结 果 是 一 个 Cookies 数组 。 如 
果 浏 览 器 没有 发 送 Cookies, 则 返回 空 值 。 

(13) getRequestURL() 方 法 : 获得 发 出 请 求 字 符 串 的 客户 端 地 址 。 

(14) getParameter(String name) 方 法 : 获得 客户 提交 给 服务 器 的 name 参数 值 。 

(15) getParameterNames() 方 法 : 获得 客户 提交 给 服务 器 的 所 有 参数 名 。 

(16) getParameterValues(String name) 方 法 : 获得 指定 参数 所 有 值 。 


8.2.5 request 对 象 常 用 方法 应 用 案例 


例 8.2 使 用 request 对 象 的 常用 方法 ,获取 客户 端 提 交 的 各 种 信息 。 例 8. 2 把 
例 8. 1 的 文件 ex8-01. html 的 form 的 action 属性 改 为 ex8-02. jsp 即 可 ,更改 如 下 : 
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一 form method 一 “post”action 一 "ex8-02. jsp’> 


ex8-02. jsp 代码 获取 了 客户 端的 信息 ,并 把 它们 显示 出 来 ,代码 清单 如 下 : 


=%@ page contentType 一 "text/html;Charset 一 GB2312"% 二 
二 html 一 二 head 一 一 title>request 对 象 常用 方法 应 用 案例 一 /title 一 /head 一 
一 body 一 
<=% 
out. printlIn(" 姓 名 文本 框 提交 信息 : “十 request. getParameter("RdName'") 十 "一 br 二 ”) ; 
out. println(” 电 话 文本 框 提 交 信 息 : "十 request. getParameter("PhName'") 十 "一 br 一 ”); 
out. println(" 客 户 端 协议 名 和 版 本 号 : "十 request. getProtocol() 十 "一 br ”) ; 
out. println( "客户 机 名 :“ 十 request. getRemoteHost() 十 "一 br 二 ”); 
out. println(" 客 户 机 的 IP 地 址 : “十 request. getRemoteAddr() 十 "一 br 二 ”); 
out. println( "客户 提交 信息 的 长 度 : "十 request. getContentLength() 十 "一 br 二 "); 
out. println(" 客 户 提交 信息 的 方式 : "十 request. getMethod() 十 "一 br 二 ); 
out. println("HTTP 头 文件 中 的 Host 值 : "十 request. getHeader("Host ) 十 "一 br 二 )， 
out. println(” 服 务 器 名 : "十 request. getServerName() 十 "一 br 二 ”) ; 
out. println(" 服 务 器 端口 号 : "十 request. getServerPort() 十 "一 br 二 ”) ; 
out. println(" 客 户 请 求 页 面 的 文件 目录 : "十 request. getServletPath() 十 "一 br 二 ); 
%> 
=/body>=/html> 


运行 结果 如 图 8-2 所 示 。 


当 request 对 和 象 常用 方法 应 用 . .. |- | 口 |X| 
文件 人 E) 编辑 伍 ) 查看 (WD 收藏 工具 (DD) 


姓名 文本 框 提交 信息 ， 张 三 
电话 文本 框 提交 信息 ，12345678 
客户 端 协 议 名 和 版 本 号 ，HTTP/1. 1 
客户 机 名 ，127. 0. 0.1 


客户 机 的 IP 地 址 ，127. 0. 0.1 

客户 提交 信息 的 长 度 ，58 

客户 提交 信息 的 方式 ，POST 

HTTP 头 文件 中 的 Host 值 ，localhost:8080 
服务 器 名 ，1localhost 

服务 器 端口 号 ，8080 

客户 请 求 页 面 的 文件 目录 ，/ex8-02. jsp 


图 8-2 request 方法 的 输出 


8.3 response 对象 


8.3.1 response 对 象 的 功能 


response 对 象 把 服务 器 端的 数据 以 HTTP 的 格式 发 送 到 客户 端 浏 览 器 。response 
的 功能 与 request 对 象 的 功能 相反 ,request 对 象 用 于 得 到 用 户 提 交 的 信息 ,而 response 
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对 象 是 向 用 户 发 送信 息 ,两 者 结合 起 来 完成 动态 页 面 的 交互 功能 。 
response 对 象 提 供 了 几 种 输出 结果 的 方法 ,例如 : 页 面 重新 定向 (sendRedirect) 方 
法 .设置 状态 行 CsetStatus) 方 法 和 设置 文本 类 型 (setContentType) 方 法 等 。 


8.3.2 sendRedirect 方法 


1. sendRedirect 功能 


sendRedirect 方法 将 客户 端 浏览 器 转向 新 的 页 面 ,页 面 中 重 定向 语句 后 的 代码 不 青 
被 执行 。 它 可 以 根据 用 户 的 不 同 要 求 转向 不 同 的 页 面 。 


2. 应 用 举例 


例 8.3 显示 用 户 登 录 界 面 ,并 验证 登录 者 输入 的 姓名 和 密码 是 否 完整 ,如 果 不 完整 
转向 新 的 页 面 请 用 户 重新 输入 ,如 果 输 入 完整 则 显示 输入 的 姓名 和 密码 。 例 8. 3 由 三 个 
程序 组 成 。 本 sendRedirect 方 法 应 用 ... [- 癌 | 区 | 

。 ex8-03. html: 登录 界面 , 见 图 8-3 ,登录 者 上 文件 ED) 编辑 (E) 查看 四 收藏 他， IE ”| 以 

输入 姓名 和 密码 地址 (D) “| 和 四 ::808o/ex_D0s/exs-03.htm] 国 
。 ex8-03. jsp: 接受 表单 ex8-03. html 的 信 
息 ,判断 输入 是 否 完 整 , 若 输入 完整 ,显示 
登录 成 功 界面 (如 图 8-4(a) 所 示 ); 如 果 输 
入 不 完整 ,由 response. sendRedirect 
Cex8-03_1. html") 语 句 将 页 面 重 新 定向 
到 异常 处 理 页 面 ex8-03_1. html, 要 求 读 
者 重新 输入 图 8-3 登录 界面 

。 ex8-03_1. html: 输入 数据 不 完整 ,提示 读者 重新 输入 ,异常 处 理 界面 见 图 8-4(b)。 


当 sendRedirect 方 法 应 用 . . . [- | 百 | 疾 | 
| 文件 (E 编 注 'E) 至 看 全 收藏) 工 」 ”| 必 
i 地 址 tp) “| 稳 +: 3080/ex_nos/exa-03. jzz 国 回转 到 地址 tD) ~ 


党 荣成 功 信息 不 完 蒜 ， 请 重新 输入 ! 


姓名 是 ， 张 三 姓 
窗 


密码 是 ，1234567E 


EE | | | teet 加 
{a) 登录 成 功 界面 (b) 异常 处 理 界面 
图 8-4 ”登录 成 功 和 异常 处 理 界面 
Q@ ex8-03. html 代码 清单 如 下 : 
=html> 
二 head 二 一 title 二 sendRedirect 方法 应 用 案例 一 /title 二 
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一 /head 一 
一 body 二 二 center 一 
一 font size 一 "5”face 一 "隶书 ”color 一 "# ff0000" 盖 欢迎 登录 一 /font 盖 一 hr 二 
一 form action 一 “ex8-03. jsp”method 一 post 一 一 font size 一 4 二 
姓名 : 二 input name 一 RdName size 一 20 二 一 br 二 
密码 : 一 input type 一 "password”name 一 RdPasswd size 一 21 二 一 p 二 
一 input type 二 ”submit” value 一 "确定 ” name 一 “submit 一 
一 input type 二 "reset” value 一 "清除 ” name 一 “reset 全 一 /font 一 
二 /form 二 一 /center 一 
一 /body 二 一 /html 一 


@ ex8-03. jsp 代码 清单 如 下 : 


<%@ page contentType= "text/html;Charset=GB2312"%> 
到 中 

String Name= request. getParameter( "RdName'); 

String Passwd= request. getParameter("RdPasswd'"); 


mm 


if{(Name. equals(“) ||Passwd. equals(™”)) 
response. sendRedirect("ex8-03_1. html’); 
%> 
=html> 
二 head 一 一 title 二 sendRedirect 方法 应 用 案例 二 /title 二 
=/head> 
=body>=center> 
一 font size 一 "5”face 一 "隶书 ”color 一 "# ff0000" 盖 登录 成 功 一 /font 二 一 /center 二 一 hr 二 一 P 一 
姓名 是 : 二 % 二 Name % 二 一 P> 
密码 是 : 一 % 王 Passwd% 二 
=/body>=/html> 


@ ex8-03_1. html 代码 清单 如 下 : 


=html> 
一 head 二 一 title 二 sendRedirect 方法 应 用 案例 二 /title 二 
一 /head 二 
一 body 二 
一 center 二 一 font size 一 "5"face 一 "隶书 "color="# ffo000" 盖 信息 不 完整 .请 重新 输入 ! 一 /font 盖 一 hr 
一 form action 一 "ex8-03. jsp” method= post 二 一 font size 一 4 二 
姓名 : 一 input name 二 "RdName” size 一 20 二 一 br 二 
密码 : 一 input type 二 ”password” name 一 RdPasswd size 一 21 二 一 p 二 
一 input type 一 "submit”value 一 "确定 ”name 一 "submit' 一 
一 input type 一 "reset' value 一 "清除 ” name 一 "reset 二 二 /font 一 
=/form><=/center> 
=/body>=/html> 
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8.3.3 response 的 状态 行 


1. 状态 行 作 用 


当 页 面 出 现 错误 时 ,服务 器 会 自动 响应 ,将 相应 的 出 错 信 息 返 回 客户 端 。 状 态 行 包含 
3 位 数字 的 状态 代码 ,代表 错误 的 性 质 和 处 理 方法 。 共 有 5 类 状态 码 。 

(1) 1XX(1 开头 的 3 位 数 ): 主要 是 实验 性 质 的 。 例 如 101 表示 服务 器 正在 升级 
协议 。 

(2) 2XX: 表示 请 求 成 功 。 如 200 表示 请 求 成 功 。 

(3) 3XX: 表示 在 请 求 满足 之 前 应 采取 的 进一步 行动 。 如 305 表示 请 求 必 须 通过 代 
理 来 访问 。 

(4) 4XX: 浏览 器 不 能 满足 请 求 时 返回 的 状态 码 。 如 404 表示 请 求 的 页 面 不 
存在 。 

(5) 5XX: 服务 器 执行 出 现 错误 时 返回 的 状态 码 。 如 500 表示 服务 器 内 部 发 生 错 误 ， 
不 能 服务 。 

程序 中 可 以 使 用 response 对 象 的 setStatus() 方 法 设置 状态 行 。 但 是 在 一 般 情 况 下 ， 
不 需要 在 程序 中 设置 状态 码 。 当 页 面 出 现 问题 时 ,服务 器 会 自动 响应 ,并 发 送 相应 的 状态 
码 提示 用 户 。 


2. setStatus( ) 方 法 


使 用 response. setStatus(int n) 方法 设置 状态 行 , 例 如 response. setStatus(501) 取 得 
错误 信息 为 501 的 出 错 信 息 ,返回 该 出 错 页 面 到 客户 端 。 如 果 状 态 代码 为 出 错 码 ,页面 中 
response. setStatus() 后 面 的 语句 将 不 被 执行 。 


3. 状态 行 应 用 案例 


例 8.4 本 案例 包含 4 个 文件 : ex8-04. html、ex8-04_1. jsp、ex8-04_2. jsp 和 
ex8-04_3. jsp, 在 ex8-04. html 页 面 单 击 不 同 的 超 链 接 , 将 显示 不 同 的 状态 码 状态 。 
(1) ex8-04. html 代码 清单 如 下 : 


=html> 
一 head 盖 一 title 二 response 对 象 状 态 行 应 用 案例 一 /title 二 
=/head> 
=body> 
=center> 
一 font size 一 "5”face 一 "隶书 "color 一 blue 二 显示 不 同 的 状态 行 二 /font 二 一 hr 一 
一 font size 一 "3”face 一 "楷体 ”color 一 green 二 
一 a href 一 "ex8-04_1. jsp" 二 200 请 求 成 功 信息 一 /a 一 p 二 
一 a href 一 "ex8-04_2. jsp" 盖 404 请 求 资 源 不 可 用 信息 一 /a 一 p 二 
二 a href 一 “ex8-04_3. jsp' 盖 501 不 支持 请 求 的 部 分 功能 二 /a 二 二 p 二 
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=/font> 
=/center> 
=/body>=/html> 


(2) ex8-04_1.jsp 代码 清单 如 下 : 


HE@ page contentType= "text/html;Charset=GB2312’% > 
=html> 
一 head 盖 一 title 二 response 对 象 状态 行 应 用 案例 二 /title 二 
=/head> 
=body> 
=center> 
一 font size 一 5” face 一 "隶书 ”color 王 blue 二 200 请 求 成 功 信息 二 /font 二 二 br 二 二 hr 二 
一 % response. setStatus(200); 
out. println(" 一 切 正 常 ”); 
%> 
=/center> 
=/body>=/html> 


(3) ex8-04_2. jsp 代码 清单 如 下 : 


<%@ page contentType="text/html; Charset—=GB2312"%> 


=html> 

一 head 一 一 title 二 response 对 象 状 态 行 应 用 案例 二 /title 二 
=/head> 

=body> 

=center> 


一 font size 一 "5”face 一 "隶书 ”color 王 blue 二 404 请 求 资 源 不 可 用 信息 一 /font 二 一 br 二 一 hr 二 
一 好 response. setStatus(404); 
out. println( “不 能 显示 ”) ; 
%> 
=/center> 
=/body>=/html> 


(4) ex8-04_3.jsp 代码 清单 如 下 : 


HE@ page contentType= "text/html;Charset=GB2312”%> 
=html> 
一 head 一 一 title 二 response 对 象 状态 行 应 用 案例 二 /title 二 
=/head> 
一 body 二 
=center> 
一 font size 一 "5”face 一 "隶书 "color 王 blue 二 501 不 支持 请 求 的 部 分 功能 二 /font 一 一 br 二 一 hr 一 
一 % response. setStatus(501); 
out. println(" 不 能 显示 ”) ; 
%> 
=/center> 
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=/body>=/html> 


(5) ex8-04. html 的 显示 效果 如 图 8-5(a) 所 示 , 如 果 在 页 面 中 单 击 “200 请 求 成 功 信 
息 ”" 超 链接 ,页 面 将 跳 转 到 ex8-04_1. jsp 请 求 成 功 页 面 , 见 图 8-5(b)。 如 果 在 页 面 中 单 击 
“501 不 支持 请 求 的 部 分 功能 ” 超 链接 ,页 面 将 跳 转 到 ex8-04_3. jsp 页 面 ,显示 501 状态 码 
的 提示 , 见 图 8-5(d)。 
EP te el Ed ELE | 三/ 区 曾 3HTTP 501 未 . .. 于 加 加 


文件 全 护短 但) 可 看 轨 ”| 吝 | 上 i 文件 编 生 Ee) 去 ”让 | [i (E 编 经 古 | | 文人 ED 纺 潮 (E 这 看 多 ” 有 
地 址 史前 "oxs-04.1tm 国 | 园 名 到 地 址 号 * 国 *s-o4_1.Jsp 国 园 节 到 址 人) "| 接 地 址 田 “| 因 ns-04_3, jap 国 | 


一 切 正 常 


EE 

显示 不 同 的 状 坊 行 | 200 请 水 成 功 信 息 
| | 
| 


错误 01/505 - 未 实现 或 不 友 持 
Internet Explorer 


[CC "| 
3| 地 地 Int ranet 


(b) 请 求 成 功 
图 8-5 状态 码 应 用 案例 


8.3.4 setContentType 方法 


1. setContentType 方法 功能 


使 用 response 对 象 的 setContentType() 方 法 可 以 在 程序 运行 过 程 中 根据 需要 动态 
设置 ContentType 属性 值 。 

2. setContentType 语法 格式 

语法 : 

response. setContentType( String s) ; 

使 用 setContentType(String s) 方 法 动态 设置 MIME 类 型 ,参数 s 可 以 取 以 下 值 。 

(1) text/html: HTML 超 文本 文件 ,后 级 为 . html。 

(2) text/plain: plain 文本 文件 .后 级 为 . txt。 

(3) application/msword: Word 文档 文件 .后 级 为 . doc。 

(4) application/x-msexcel: Excel 表格 文件 ,后 缀 为 . xls。 


(5) image/jpeg: jpeg 图 像 ,后 缀 为 . jpeg。 
(6) image/ gif: gif 图 像 . 后 级 为 . gif。 


3. setContentType 方法 应 用 案例 


例 8.5 根据 要 求 选 择 使 用 HTML 类 型 、Word 类 型 或 Excel 类 型 ,显示 同一 个 
dataTxt. txt 文件 。 在 ex8-05. html 页 面 上 选择 不 同 按钮 ,然后 单 击 “ 提 交 ” 按 钮 ， 
由 ex8-05. jsp 文件 选择 显示 类 型 。 
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(1) ex8-05. html 代码 清单 如 下 : 


=html> 

一 head 盖 二 title 二 setContentType 方 法 应 用 案例 一 /title 二 一 /head 一 

body> 

一 form action 一 "ex8-05. jsp” method="get’> 
一 font size 一 "5”face 一 "隶书 ”color 王 blue 二 请 选择 文件 显示 类 型 二 /font 二 一 hr 二 
一 input type 一 “radio”name 一 "showType” value 一 "0" 盖 HTML 类 型 显示 二 br 二 
一 input type 一 “radio”name 一 "showType” value 一 "1] 一 Word 类 型 显示 二 br 二 
一 input type 一 "radio”name 一 "showType” value 一 "2" 一 Excel 类 型 显示 二 br 二 
一 input type 二 "submit” name 一 “submit' value 一 "提交 "一 

=/form> 

=/body>=/html> 


(2) ex8-05. jsp 代码 清单 如 下 : 


TH%@ page contentType= "text/html;Charset= gb2312”"%> 
=html> 
一 head 二 二 title 二 setContentType 方法 应 用 案例 二 /title 二 一 /head 二 
=body> 
一 % String str= request. getParameter(”"showType’); 
if(str= =nulD {str=”;} 
elsel{ 
ifCstr. equals(”0”)) { 
response. setContentType("text/html;charset= gb2312”) ;} 
else if(str. equals(”1”)){ 
response. setContentType(”application/msword;charset=gb2312”);} 
else{ 


response. setContentType("application/ x-msexcel;charset= gb2312”) ;} 


%> 
一 jsp: include page="dataTxt. txt” flush 一 "true'"/ 二 
=/body>=/html> 


(3) dataTxt. txt 文件 如 下 : 


11 12 13 14=br> 
15 16 I? 18=br> 
19 20 21 22 一 br 


注意 : 因为 浏览 器 视 半 角 输 入 的 多 个 空格 为 一 个 空格 ,所 以 如 果 和 希望 用 Excel 显示 
该 文件 ,输入 dataTxt. txt 文件 中 的 空格 时 ,需要 把 输入 法 切换 到 全 角 。 

(4) ex8-05. html 在 浏览 器 中 的 显示 效果 如 图 8-6(a) 所 示 , 如 果 在 页 面 中 选择 
HTML 类 型 显示 ,如 图 8-6(b) 所 示 ; 选 择 Word 类 型 显示 ,如 图 8-7(a) 所 示 ; 选 择 Excel 
类 型 显示 ,如 图 8-7(b) 所 示 。 
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要 setContentTy- - 玉 setContentType2?2.-- [Ed 
; 文件 下 ) 编辑 (E) 查看 (外 文件 (E) 编辑 下 ) 查看 ( 罗 ”收藏 外 ” 雇 


四 看 -加 -四 国共 i Gime-©- 因 加 他 9 


9) -| 简 3/ex3-05.htn 国 | 国 和 i = 地址 器 ”看 mat=+wccvEIHKEDxE5+ 国 | 园 革 到 


请 选择 文件 显示 类 型 


图 HTIL 类 型 显示 
四 Tord 类 型 显示 


图 8-6 HTML 类 型 


ost:8080/ex_DOB/ex8... [C 
ET Er ET 要 入 呈 将 匠人 RO 于 格 C 起 立 件 但 ) 纺 泣 (E) 视图 搬入 (了 柯 区 人) 工具 他 数据 EL | 居 
HOE 思 - 国 国 罗 | 万 如 区 mk 国 ij@in- 日 - 国 国 的 Pr 次 ti 夺 te 


| 入 ext-05. ep?shoryype=1ienbmt=tCt CIH6DvE5+ 国 | 园 半 到 上 地址 加》 “ 和 sxg-05. sp? 中 owTyne-24eotm+t=+%0CNE14W00WBE+ 国 | 加 书 到 


图 8-7 Word 类 型 和 Excel 类 型 显示 


8.3.5 response 对 象 的 其 他 方法 


response 对 象 的 其 他 常用 方法 如 下 。 

(1) getCharacterEncoding() 方 法 : 返回 服务 器 响应 客户 所 使 用 的 编码 属性 。 
(2) getWriter() 方 法 : 获得 一 个 打印 输出 对 象 , 向 客户 发 送 文本 。 

(3) setContentLength() 方 法 : 设置 服务 器 发 送 给 客户 端 内 容 的 长 度 。 

(4) setHeader() 方 法 : 动态 添加 新 的 响应 头 和 头 的 值 。 


8.3.6 response 方法 应 用 案例 


例 8.6 代码 ex8-06.jsp 返回 服务 器 的 编码 属性 和 一 个 打印 输出 对 象 ,并 每 8 秒 钟 
刷新 一 次 页 面 ,显示 系统 时 间 。 代 码 清单 如 下 : 


HE@ page contentType= "text/html; Charset=GB2312"%> 
HE@ page import="java. util. *”%> 
=html> 
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一 head 二 一 title 盖 response 对 象 常用 方法 应 用 案例 二 /title 二 二 /head 二 
二 body 二 二 font face 一 "楷体 ”size 一 3 color 二 blue 二 
=% 
out. println(” 服 务 器 使 用 的 编码 属性 : "十 response. getCharacterEncoding() 十 "一 br 一 ”); 
out. printlIn(" 打 印 输出 对 象 : "十 response. getWriter() 十 "一 br 二 ”) ; 
%><hr> 
页 面 每 8 秒 钟 刷 新 一 次 
现在 的 时 间 是 : 二 br 二 
=% 


out. println(™ 


十 new Date()); 
response. setHeader(”Refresh” ,”8"); 

%>>=/font> 

=/body>=/html> 


运行 结果 如 图 8-8 所 示 。 


ET iE allEd 
; 文件 (E) 编辑 (E) 查看 () 收藏 (6) 工具 (I) 帮助 也 | 以 
地 址 公 ) ”| 雹 :tp://1ocalhost:8080/ex_D08/ex8-06. jsp 国 | 加 过 到 


服务 器 使 用 的 编码 属性 :IS0-8859-1 
打印 输出 对 象 ， 

org. apache. catalina. connector. CoyoteWriterg@edlbc3 
页 面 每 3 种 种 刷新 一 次 现在 的 时 间 是 ， 

Thu Aug 21 11:20:56 CST 2008 


图 8-8 刷新 页 面 


8.4 ”out 对 象 


8.4.1 out 对 象 的 功能 


out 对 象 是 一 个 输出 流 ,用 来 向 客户 端 发 送 数据 。out 对 象 发 送 的 内 容 具 有 文本 的 性 
质 。 可 以 通过 out 对 象 直接 向 客户 端 发 送 一 个 由 程序 动态 生成 的 HTMEL 文件 。 常 用 的 
方法 有 print 和 println。 由 于 out 对象 内 部 包含 了 一 个 缓冲 区 ,所 以 需要 一 些 对 缓冲 区 进 
行 操 作 的 方法 ,例如 clear、clearBuffer、flush、getBufferSize 和 getRemaining 等 。 


8.4.2 out 对 象 中 预定 义 的 常量 和 变量 


十 


在 某 些 out 对 象 中 需要 使 用 常量 和 变量 ,变量 在 使 用 时 需要 赋值 。out 对 象 常用 属性 
如 下 。 
(1) NO_BUFFER: 表示 非 缓冲 区 输出 。 
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(2) DEFAULT_BUFFER: 缓冲 区 输出 ,使 用 默认 的 缓冲 区 大 小 。 
(3) bufferSize: 缓冲 区 大 小 ,以 字 节 为 单位 的 整 型 数 。 
(4) autoFlush: 是 否 自动 清空 缓冲 区 。 


8.4.3 out 对 象 方法 


(1) print() 方 法 : 输出 数据 。 

(2) println() 方 法 : 输出 数据 ,并 换行 。 

(3) clear() 方 法 : 清除 缓冲 区 中 的 内 容 。 如 果 缓 冲 区 被 清除 过 (flush), 则 抛 出 一 个 
IO 异常 ,表示 数据 已 经 写 到 客户 响应 流 中 。 

(4) clearBuffer() 方 法 : 清除 缓冲 区 当前 的 内 容 。 如 果 缓 冲 区 被 清除 过 (flush) ,就 不 
抛 出 IO 异常 。 

(5) flush() 方 法 : 把 缓冲 区 的 内 容 写 入 输出 流 , 并 清空 缓冲 区 。 

(6) close() 方 法 : 关闭 流 , 并 在 关闭 之 前 进行 flush 操作 。 一 旦 流 被 关闭 ,就 不 能 再 
使 用 flush() 方 法 。 

(7) getBufferSize() 方 法 : 返回 以 字 节 为 单位 的 缓冲 区 大 小 ,无 缓冲 区 时 返回 0。 

(8) getRemaining() 方 法 : 返回 以 字 节 为 单位 的 未 使 用 的 缓冲 区 大 小 。 


8.4.4 out 对象 应 用 案例 


1. out 对 象 常用 方法 应 用 案例 
例 8.7 本 例 说 明 out 对 象 print/println 方法 的 应 用 ,ex8-07.jsp 代码 清单 如 下 : 


TH%@ page contentType 一 "text/html; Charset=GB2312”"%> 
TH%@ page language="java” autoFlush= "false’ %> 
=html> 
< 一 head 二 一 title 二 out 对 象 print/println 方法 应 用 案例 二 /title 二 一 /head 二 
一 body 二 一 center 二 一 font size 一 5 color 一 blue 二 print/println 方法 应 用 一 /font 二 
一 /center 盖 一 hr 一 一 br 一 
=% 
out. println(" 你 好 !1”); 
out. clear(); 
out. println(”after clear: <br>"); 
char a= 'h’; 
int m 一 8; 
double { 一 3. 1415926 
out. print("a 一 "十 a 十 %); 
out. print("m 一 "十 m 十 “); 
out. print("{ 一 "十 f{ 十 "一 br 二 ) ; 
out. print("BufferSize:“ 十 out. getBufferSize() 十 "一 br ”) ; 
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out. print("Remaining:“ 十 out. getRemaining() 十 "一 br 一 ”) ; 
%> 
=/body>=/html> 


代码 ex8-07. jsp 运行 结果 见 图 8-9。 由 于 使 用 了 clear() 方 法 ,在 语句 “out. clear();” 
之 前 的 输出 从 缓冲 区 中 清除 掉 了 ,所 以 没有 在 浏览 器 中 显示 。 


2. flush( ) 方 法 应 用 
例 8.8 代码 ex8-08.jsp 应 用 for 循环 延迟 文字 的 输出 ,并 使 用 flush() 方 法 把 缓冲 区 的 
内 容 输 出 到 页 面 ,使 输出 的 文字 逐 行 显示 出 来 。ex8-08. jsp 代码 清单 如 下 : 


<%@ page contentType= "text/html; Charset=GB2312”"%> 

=html> 

一 head 二 一 title 二 out 对 象 flush() 方 法 的 应 用 二 /title 二 一 /head 二 

一 body 二 一 center 二 一 font size 一 4 color 王 blue 二 逐 行 显示 文字 一 /font 二 二 /center 二 一 hr 一 


<=% 
String strShow 二 ”Web 技术 应 用 基础 1"; // 设 定 输出 的 文字 
%> 
一 center 二 一 font size 二 3 face 一 "楷体 ”color= red 一 
=% 


for(int i 二 0; i 二 三 6; i 十 十 ) // 通 过 for 循环 ,输出 6 行文 字 于 页 面 中 
{ 


for(int j=0; j 二 200000000; j 十 十 ) // 利 用 for 循环 延迟 文字 的 输出 
{ } 
out. println(strShow 十 "<=BR>"); // 将 字 串 输出 至 缓冲 区 


out. flush(); // 将 缓冲 区 的 文字 输出 至 网 页 
} 
%> 
=/font>=/center> 
=/body><=/html> 


代码 ex8-08. jsp 的 运行 结果 见 图 8-10 ,文字 正 在 被 逐 行 显示 。 


: 文件 三) 编辑 (E) 查看 (四 收藏 > 
杷 “ex_D08/ex8-08. jsp 国 | 


ED [Ed 
; 文件 E) 编辑 (E) 查看 (W) 收藏 ” 


;地址 D) “| 外 x_D0s/ex8-07. jsp 国 | 


after clear: 

a=h m8 f=3.1415926 
BufferSize: 8192 
Remaining: 8131 


图 8-9 out 对象 print/println 方法 应 用 图 8-10” out 对象 flushQ 〇 方法 的 应 用 
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8.5 session 对 象 


8.5.1 会 话 和 会 话 ID 


一 丰富 记 条 于 济 蜗 侣 并 过 圈 到 服务 种 开 妈 一 直到 这 个 客户 关闭 浏览 器 离开 该 服 
有 称 为 一 个 会 话 (session) 。HTTP 协议 是 一 种 无 状态 协议 , 当 一 个 客户 向 服务 
nt at 服务 器 不 再 保留 有 关连 接 的 信息 ,所 以 当下 
一 次 请 求 并 连接 时 ， po 个 客户 。 但 是 在 
很 多 应 用 中 ,需要 服务 器 在 用 户 访问 的 一 个 会 话 期 中 记 住 客户 ,为 客户 提供 连续 服务 。 例 
后 上 站: 认 当 用 靖 在 不同 信和 后 的 世人 史 和 ,后 次 性 付 
。 在 购书 的 过 程 中 ,服务 器 应 当 记 住 用 户 的 个 人 信息 和 已 选择 的 图 书 , 这 需要 一 个 在 会 
直 有 效 的 变量 , 即 会 话 级 变量 ,记录 用 户 在 这 段 时 间 内 的 逻辑 上 相关 联 的 不 同 
请 求 。 
session 对 象 提供 一 个 在 多 个 请 求 之 间 持 续 有 效 的 对 象 ,这 个 对 象 允 许 用 户 存储 和 提 
取 会 话 状态 信息 , 它 可 用 于 具有 多 个 页 面 的 事务 处 理 。 
当 一 个 客户 第 一 次 打开 浏览 器 访问 服务 器 上 的 某 个 JSP 页 面 时 ,JSP 引擎 为 客户 创 
建 一 个 session 对 象 , 用 来 存储 客户 在 访问 各 个 页 面 期 间 提 交 的 各 种 信息 ,例如 姓名 、 号 码 
等 。 同 时 为 该 对 象 分 配 一 个 String 类 型 的 ID 号 ,JSP 引擎 在 响应 客户 请 求 的 同时 ,把 
ID 号 发 到 客户 端 ,并 写 和 客户 端的 cookie 中 。 如 此 ,session 对 象 和 客户 之 间 建 立 起 一 种 
对 应 的 关系 ,不 同 的 客户 有 不 同 的 session 对 象 , 服 务 器 可 以 通过 不 同 的 ID 号 识别 不 同 的 
客户 。 当 客户 关闭 浏览 器 后 ,一 个 会 话 结束 ,服务 器 端 该 客户 的 session 对 象 被 取消 。 当 
客户 重新 打开 浏览 器 建立 新 连接 时 ,JSP 引擎 为 该 客户 再 创建 一 个 新 的 session 对 象 。 
session 对 象 具有 一 些 方法 ,用 来 在 会 话 期 间 传递 信息 。 


8.5.2 session 对 象 常用 方法 


session 对 象 有 如 下 常用 方法 。 

(1) setAttribute(String name,Object obj) 方 法 : 把 对 象 obj 存 人 由 name 指定 名 字 
的 session 对 象 。 

(2) getAttribute(String 变量 名 ) 方 法 : 从 session 对 象 中 取得 变量 ,返回 值 类 型 为 
Object。 若 返回 值 是 null, 表 示 session 对 象 中 不 存在 该 对 象 。 

(3) getAttributeNames() 方 法 : 产生 一 个 枚 举 对 象 .该 对 象 调 用 nextElements() 方 
法 遍历 session 对 象 中 的 所 有 对 象 。 

(4) removeAttribute (String name) 方 法 : 删除 在 session 对 象 中 由 name 指定 的 
对 象 。 

(5) getCreationTime () 方 法 : 获得 session 对 象 创建 的 时 间 。 
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(6) getLastAccessedTime () 方 法 : 返回 session 对 象 最 后 一 次 被 用 户 访问 的 时 间 ， 
单位 是 毫秒 。 

(7) getId () 方 法 : 获得 session 对 象 的 编号 ID。 

(8) getMaxInactiveInterval() 方 法 : 获得 session 对 象 的 生存 时 间 ,单位 是 秒 。 

(9) setMaxInactiveInterval() 方 法 : 设置 session 对 象 的 生存 时 间 ,单位 是 秒 。 

(10) getValue (String name,Object value) 方 法 : 从 session 对 象 获得 名 为 name 的 
属性 值 。 

(11) putValue (String name,Object value) 方 法 : 存储 由 name 指定 名 字 的 属性 值 到 
session 对 象 中 。 

(12) getValueNames () 方 法 : 返回 存储 在 session 对 象 中 的 所 有 对 象 名 。 

(13) invalidate () 方 法 : 删除 会 话 ,并 清除 存储 在 该 对 象 中 的 所 有 对 象 。 

(14) isNew () 方 法 : 如 果 服 务 器 创建 了 此 会 话 对 象 ,但 客户 还 未 加 入 ,此 方法 返回 值 
为 真 。 

(15) removeValue (String name) 方 法 : 删除 session 中 特定 名 称 的 对 象 。 


8.5.3 session 对 象 应 用 案例 


1. 一 次 会 


例 8.9 本 例 由 三 个 页 面 组 成 : ex8-09.jsp、ex8-09_1.jsp 和 ex8-09_2. jsp, 客 户 在 三 
个 页 面 之 间 转 跳 , 只 要 不 关闭 浏览 器 ,三 个 页 面 共 享 同 一 个 session 对 象 ,它们 的 ID 是 一 
样 的 。 

(1) ex8-09.jsp 代码 清单 如 下 : 


TW%@ page contentType= "text/html; Charset 一 GB2312" 上 二 
一 html 二 一 head 二 一 title 二 会 话 (session) 和 会 话 ID 一 /title 二 二 /head 二 


=body>=center> 
一 font size 一 3 color 一 blue 二 第 一 个 页 面 的 sessionID 是 : 二 br 二 
<% 
out. println(session. getId()); 
%><=hr> 


一 a href 一 ex8-09_1. jsp 二 第 二 个 页 面 二 /a 二 
二 a href 一 ex8-09_2. jsp 二 第 三 个 页 面 过/a 一 
=/font><=/center> 

=/body>=/html> 


(2) ex8-09_1.jsp 代码 清单 如 下 : 


WH%@ page contentType= "text/html; Charset 一 GB2312"% 二 

一 html 二 一 head 一 二 title 二 会 话 (session) 和 会 话 ID 一 /title 二 二 /head 一 

一 body 二 一 center 二 一 font size 一 3 color 一 blue 二 第 二 个 页 面 的 sessionID 是 : 二 br 二 
=% 
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out. println(session. getId()); 
%>><hr> 
二 a href 一 ex8-09. jsp 二 第 一 个 页 面 二 /a 二 
< 一 a href 一 ex8-09_2. jsp 二 第 三 个 页 面 二 /a 二 
=/font>=/center> 
=/body>=/html> 


(3) ex8-09_2. jsp 代码 清单 如 下 : 


<%@ page contentType= "text/html; Charset 一 GB2312"% 二 


=html> 
一 head 二 一 title 二 会 话 (session) 和 会 话 ID 二 /title 一 
=/head> 
一 body 二 一 center 二 一 font size 一 3 color 一 blue 二 第 三 个 页 面 的 sessionID 是 : 二 br 二 
<=% 
out. println( session. getld()); 
%><=hr> 


一 a href 二 ex8-09. jsp 二 第 一 个 页 面 二 /a 二 
一 a href 二 ex8-09_1. jsp 二 第 二 个 页 面 二 /a 二 
=</font>=/center> 

=/body>=/html> 


(4) 在 浏览 器 中 运行 例 8.9 的 显示 效果 如 图 8-11 所 示 。 


ion) 和 . .. [- | 
i 文件 (BE) 人 E) 查看 收 妆 4。” 计 
i 地址 避 ) -| 简 :-D03/ex8-09.2. Jsp 国 | 加 各 到 


; 男 El3 
;i 文件 (FE) 编 镁 (E) 查 厦 ( 罗 收 闻 ”| 雇 
地址 (0D) “| 蜀 :pozyexs-oo_1. 3sr 国 回转 到 


ession) 和 ... |[- [OX 
; 文件 人 ) 问 强 但 ) 童 看 轨 ” 收藏” 导 
i 地址 全) | 科 “ex_Dp0s/exs-09. 3s5 国 | 回转 到 


第 二 个 页 面 的 sessionID 是 : 第 一 个 页 面 的 sessionID 是 :; 


第 三 个 页 面 的 sessionTD 是 : 上 


8SAD4FA7E99BFBC35C A41957A2C9 83ADd4FA7E99BFPC35C1492Ad1957A2C9 8SAD4FAT7E99BFBC35C1492A41957A2C9 
第 一 个 页 面 第 二 个 页 面 第 一 个 页 面 第 三 个 页 面 第 二 个 页 面 第 三 个 页 面 
| 加 本 地 Intranet 加 林地 Intranet 加 二 地 TIntranet 
(a) (c) 
全 让 1 
在 会 话 期 传递 参数 


Web 服务 器 为 每 个 访问 站 点 的 用 户 创建 一 个 session 对 象 ,在 session 对 象 中 可 以 保 
存 多 个 变量 。 通 过 session. putValue () 方 法 生成 session 中 的 变量 ,例如 session. 
putValue(”"BookName”,”Web 技术 应 用 基础 !) 语句 在 session 中 保存 BookName 变 
量 , 其 值 为 “Web 技术 应 用 基础 !1”。 只 要 sesssion 存在 ,在 同一 个 用 户 的 其 他 页 面 中 ， 
该 session 中 的 值 仍 然 可 以 使 用 。 使 用 session. getValue(”"BookName”) 语 名 ,取出 
BookName 变量 中 的 值 。session 的 保留 时 间 由 系统 设置 决定 。 
例 8. 10 本 例 由 三 个 页 面 组 成 一 个 多 页 面 的 Web 应 用 ,它们 的 源 代码 是 : ex8-10. jsp、 
ex8-10_1. jsp 和 ex8-10_2. jsp。 由 于 session 对 象 在 会 话 期 间 是 一 直 有 效 的 ,所 以 在 
ex8-10. jsp 中 由 语句 session. putValue(”"BookName”,”Web 技术 应 用 基础 ;建立 的 session 
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对 象 的 值 ”Web 技术 应 用 基础 1”, 对 后 续 页 面 ex8-10_1.jsp 和 ex8-10_2. jsp 也 有 效 。 

ex8-10. jsp: 获取 session 对 象 建立 时 间 和 最 后 一 次 使 用 时 间 。 并 使 用 session 对 象 
的 putValue 方法 设置 一 个 session 对 象 BookName 的 值 ,该 值 是 ”Web 技术 应 用 基础 1”。 

ex8-10_1. jsp: 获取 上 一 页 代码 即 ex10-10. jsp 中 的 session 对 象 的 BookName 值 ,并 
把 它 输出 到 页 面 。 同 时 设置 另 一 个 session 对 象 的 BookInfo 值 。 

ex8-10_2.jsp: 显示 上 两 个 页 面 的 session 对 象 BookName 和 BookInfo 的 值 ,可 以 看 
到 在 会 话 期 间 session 对 象 是 一 直 有 效 的 。 

(1) ex8-10. jsp 代码 清单 如 下 : 


=%@ page contentType= "text/html; Charset=GB2312”"%> 
一 好 @ page import="java. util. Date’ % > 
二 html 二 一 head 盖 二 title 二 会 话 期 传递 参数 二 /title 二 一 /head 一 
=body>=center> 
二 font size 一 3 color 二 blue 请 会话 期 传递 参数 二 /font 二 
二 /center 一 一 hr 一 
<=% 
Date startTime 一 new Date(session. getCreationTime()); 
Date lastTime= new Date(session. getLastAccessedTime())， 
session. putValue(”"BookName”,”Web 技术 应 用 基础 1"); 
%> 
session 的 ID 是 : 
<% 
out. println( session. getId()); 
%>=br> 
session 建立 时 间 : 二 br 二 
=<f{ont color=red>=%=startTime 二 二 /font 二 一 br 二 
最 后 使 用 时 间 : 二 br 二 
一 font color 一 red 一 一 多 一 lastTime % 二 二 /font 二 一 br 一 
二 a href 一 'ex8-10_1.jsp' 二 书 名 一 /a 二 
=/body>=/html> 


(2) ex8-10_1.jsp 代码 清单 如 下 : 


WH%@ page contentType= "text/html; Charset=GB2312”"% > 
一 html 二 一 head 二 二 title 二 session 对 象 值 传 递 一 /title 二 一 /head 二 


< 一 body 二 二 center 二 
一 font size 一 3 color 二 blue 记 session 对 象 值 传递 二 /font 二 
=/center>=hr>=br> 
session 的 ID 是 : 二 br 二 
=% 
out. println( session. getId()); 
%>><br> 


书 名 : 二 % 二 session. getValue("BookName') % 二 一 pb 二 
二 %session. putValue(”"BookInfo”,”"Web 站 点 构建 技术 、Web 编程 技术 和 数据 库 发 布 技 术 .");% 二 
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一 a href 一 'ex8-10_2.jsp' 二 内 容 简介 二 /a 二 
=/center> 
=/body>=/html> 


(3) ex8-10_2.jsp 代码 清单 如 下 : 


HE@ page contentType 一 "text/html; Charset=GB2312"%> 
二 html 之 二 head 一 一 title> session 对 象 值 传 递 二 /title 二 二 /head 一 
< 一 body 一 一 center 一 
一 font size 一 3 color 王 blue 二 session 对 象 值 传递 二 /font 一 
一 /center 二 一 hr 二 一 br 一 
session 的 ID 是 : 
=% 
out. println( session. getId()); 
% b> 
书 名 : 二 昕 三 session. getValue("BookName’) % 二 一 p 二 
内 容 简介 : 二 %==session. getValue( "BookInfo“) %% 二 
一 /center 一 
一 /body 二 一 /html 一 


(4) 运行 ex8-10. jsp 的 结果 如 图 8-12(a) 所 示 。 单 击 图 8-12(a) 中 * 书 名 ” 超 链接 ,页 


面 跳 转 至 ex8-10_1.jsp 页 面 , 如 图 8-12(b) 所 示 。 图 8-12(a) 页面 的 session 值 Web 技术 
应 用 基础 1” 在 图 8-12(b) 页 面 上 仍然 有 效 。 单 击 图 8-12(b) 中 “内 容 简 介 ” 超 链接 ,页 面 跳 
转 至 ex8-10_2. jsp 页 面 , 如 图 8-12(c) 所 示 。 


Ele] Ed 
;文件 (E) 纲 答 人 E) 查看 位) 收 两 6” 大 


地址) “| 罩 /ex_pos/exs-10. isp 国 | 加 转 到 


EV el 
j 文件 G) 编辑 (E) 查看 (中 委 夺 4 ”| 怖 


地 址 tD) > 起 x_D08/exs-10_2. jsp 国 加 和 % 到 


; 文件 (E) 剖 二 人 E) 下 看 (四 由 [3 
地 址 t) “| 狠 x_D03/exs-10_1. jzp 国 加 车 本 


session 对 象 值 传递 


会 话 期 传道 参数 


session 对 象 值 传递 


session 的 ID 是 ， 
293417F2 887232854TTSE 
书 名 : Web 技术 应 用 基础 


内 容 人 简介 


session 的 ID 是 : _ 


293d417F2158SF562152887232E54F795 
节 名 ， Web 技术 应 用 基础 ! 


内 容 简 介 ，Web 站 点 构建 梳 术 ，、Web 编 
程 绞 术 和 数据 库 发 布 技术 。 


(b) 
图 8-12 ”session 会 话 期 间 不 同 页 面 间 的 值 传递 


8.6 application 对 象 


8.6.1 application 对 象 的 功能 


application 对 象 由 多 个 客户 端 用 户 共享 , 它 的 应 用 范围 是 所 有 的 客户 。 服 务 器 启动 


后 ,新 建 一 个 application 对 象 .该 对 象 一 旦 建立 ,就 一 直 保 持 到 服务 器 关闭 。 当 有 客户 访 
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问 服务 器 上 的 一 个 JSP 页 面 时 ,JSP 引擎 为 该 客户 分 配 已 建立 的 application 对 象 ; 当 客 户 
在 所 访问 站 点 的 不 同 页 面 浏览 时 ,他 的 application 是 同一 个 ,直到 服务 器 关闭 。 与 
session 对 象 不 同 的 是 : 不 同 的 客户 拥有 不 同 的 session 对 象 ,而 所 有 的 客户 拥有 同一 个 
application 对 象 。 所 以 可 以 用 application 对 象 保存 服务 器 运行 时 的 全 局 数据 ,例如 页 面 
的 访问 次 数 等 。 


8.6.2 application 对 象 常 用 方法 


(1) getAttribute(String name): 返回 由 name 指定 名 字 的 application 对 象 属性 
的 值 。 

(2) setAttribute(String name,Object obj) : 由 obj 来 初始 化 name 的 属性 值 。 

(3) getAttributeNames() : 获得 一 个 枚 举 对 象 ,该 枚 举 对 象 调 用 nextElements( ) 方 
法 可 以 获得 application 对 象 中 的 所 有 变量 名 。 

(4) getInitParameter(CString name) : 返回 application 对 象 中 name 属性 的 初始 值 。 

(5) getServerInfo() : 获得 JSP 引擎 名 和 版 本 号 。 

(6) getRealPath(): 获得 文件 的 实际 路 径 。 

(7) removeAttribute(String name) : 删除 application 中 的 name 对 象 。 

(8) getMimeType () 方 法 : 返回 特定 文件 的 MIME 类 型 ,如 果 是 未 知 的 MIME 类 型 
则 返回 空 值 。 常 见 的 MIME 类 型 有 : “txt/html” 和 *image/gif”。 


8.6.3 application 对 象 应 用 案例 


1. 输出 全 局 数据 


例 8.11 本 例 的 源 代码 ex8-11. jsp 使 用 application 对 象 输出 应 用 程序 在 服务 器 运 
行 期 间 的 一 些 全 局 信息 .代码 清单 如 下 : 


HE@ page contentType="text/html; Charset=GB2312”"% > 
=html> <=head> =title>application= /title>=/head> 
=body> 
=% 
out. println("Java Servlet API 版 本 号 : “十 application. getMajorVersion() 十 ”. "十 
application. getMinorVersion() +"=br>"); 
out. println(" 文 件 login. htm 的 MIME 类 型 : "十 application. getMimeType (和 \\login. htm”) 十 "二 br 二 ); 
out. println(” 程 序 ex8-11. jsp 的 URL: "十 application. getRealPath("ex8-11. jsp") 十 "一 br 一”); 
out. println(” 服 务 器 信息 : “十 application. getServerInfo() 十 "一 br 一”) ; 
application. setAttribute(”"BookName”,”Web 技术 应 用 基础 ”) ; 
out. println(" 书 名 : “十 application. getAttribute(”"BookName”) 十 "二 br>"); 
%> 
=/body>=/html> 
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代码 ex8-11. jsp 的 运行 结果 如 图 8-13 所 示 。 


application — Microsoft Internet Expl... 
; 文件 (E) 编辑 三) 查看 (四 收藏 他 ) 工具 (IT) 帮助 (0 
地 址 D) “| 午 http://localhost:8080/ex_D08/ex8-11. jsp 


Java Servlet API 版 本 号 ，2. 4 

文件 login. htm 的 NTE 类 型 :text/html 

程序 ex8-11. jsp 的 URL:D:\Tomcat 5.5\webapps\ex_D08\ex8-11. jsp 
服务 器 信息 :Apache Tomcat/5. 5. 26 

书 名 ，Web 技 术 应 用 基础 


图 8-13 ”application 对 象 应 用 


2. 计数 器 
例 8.12 ex8-12.jsp 代码 对 用 户 的 访问 量 进行 统计 ,代码 清单 如 下 : 


=%@ page contentType= "text/html; Charset=GB2312"%> 
<=% 
if(session. isNew())! // 同 步 处 理 
synchronized(Capplication){ 
Integer count= (Integer)application. getAttribute( count) ; 
if (count 一 一 null){ 
count 一 new Integer(1); 


application. setAttribute( “count' ,count) ; 


} 
else { 
count 一 new Integer(count. intValue() 二 1); 
// 将 访问 量 保存 到 内 存 当 中 
application. setAttribute("count ,count) ; 


} 
out. print(" 您 是 本 站 的 第 ”十 count 十 "位 客人 "); 


\ 
了 


%> 


代码 ex8-12. jsp 的 运行 结果 如 图 8-14 所 示 。 


轩 回 加 http://loca. .. || 区 | 
; 文件 (FE) 编辑 (E) 查看 (Z) ; 文件 E) ”编辑 (E) 查看 (了 ) 
:地址 D) | 竹 /exs-12. jsp 国 :地 址 () -| 答 /exs-12. jzp 国 
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8.7 exception 对 象 


8.7.1 exception 对 象 的 功能 


exception 对 象 用 来 发 现 、 捕 获 和 处 理 异常 , 它 是 JSP 文件 运行 异常 时 产生 的 对 象 。 
抛 出 异常 


当 JSP 文件 运行 时 如 果 有 异常 发 生 , 则 抛 
出 异常 ,该 异常 只 能 被 使 用 了 二 %@ page 
isErrorPage 王 "true % 记 的 JSP 文件 捕获 。 

JSP 异 常 处 理 机 制 见 图 8-15。 如 果 


运行 时 JSP 


JSP 文件 在 运行 时 有 异常 现象 发 生 , 则 抛 

出 一 个 异常 。 如 果 该 页 中 定义 了 异常 处 Y -E> N 

理 页 , 则 由 异常 处 理 页 来 处 理 异常 ,如 果 1 I 
没有 定义 异常 处 理 页 则 由 服务 器 处 理 Enorpage 服务 器 
异常 。 图 8-15 ”异常 处 理 机 制 


8.7.2 JSP 异常 处 理 语 句 


应 用 try-catch-finally 语句 进行 异常 处 理 , 结 构 如 下 : 


try{ 
抛 出 异常 模块 
catch{ 
捕获 异常 模块 
} 
finally{ 
处 理 异常 模块 
» 


8.7.3 exception 对象 常用 方法 

(1) getMessage 方法 : 获取 异常 信息 。 

(2) toString 方法 : 获取 该 异常 对 象 的 简短 描述 。 如 果 该 对 象 包含 异常 消息 字符 串 ， 
则 返回 数据 “对 象 的 实际 类 名 十 “: ”十 getMessage 方法 的 返回 值 ” ,如果 该 对 象 不 包含 异 
常 消息 字符 串 , 则 返回 实际 的 类 名 。 
8.7.4 ”异常 处 理应 用 案例 

例 8.13 本 例 包含 两 个 程序 ex8-13. jsp 和 ex8-13_1. jsp。 
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ex8-13.jsp: 代码 ex8-13. jsp 中 的 除法 用 0 做 了 除数 , 抛 出 一 个 异常 ,该 异常 由 
ex8-13_1. jsp 异常 处 理 页 去 处 理 。 

ex8-13 1. jsp: 处 理 异常 。 

(1) ex8-13. jsp 代码 清单 如 下 : 


TW%@ page errorPage="ex8-13_1.jsp” contentType="text/html;Charset=GBK’%>> 
=% 
int a=10,b=0, c; 
try{ 
c=a/b; 
out. print(c); 
} 
catch(RuntimeException rtex){ 
throw new RuntimeException(" 除 数 不 能 为 01"); 
} 
%> 


(2) ex8-13_1.jsp 代码 清单 如 下 : 


WH%@ page isErrorPage= "true’” contentType= "text/html;charset=GBK’”%> 
TH%@ page import= "java. util. Exception’ % > 
二 font size 一 4 color 王 blue 二 处 理 异 常 页 面 二 /font 二 二 hr 一 


=%=exception. toString() %> 
(3) 代码 ex8-13. jsp 的 运行 结果 如 图 8-16 所 示 。 


http://localhost :8080/ex. .. 于 器 区 | 
# 文件 E) 编辑 人 E) 查看 (?) ”收藏 () 工具 (IT) 和 帮 
地 址 (D) ”| 雹 localhost:8080/ex_D08/ex8-13. jsp 国 


处 理 异 常 页 面 


java. lang. RuntimeException: 除数 不 能 为 01 


图 8-16 异常 处 理 


8.8 JSP 其 他 内 置 对 象 


8.8.1 page 对 象 


1. page 对 象 的 功能 
得 到 正在 运行 的 由 JSP 文件 产生 的 类 对 象 。page 对 象 应 用 不 多 ,所 以 此 处 只 做 简单 
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2. page 对 和 象 的 方法 


(1) getClass(): 获得 对 象 运 行 时 的 类 。 

(2) hashCode() : 获得 该 对 象 的 喻 希 码 值 。 

(3) equals() : 用 来 判别 其 他 对 象 是 否 与 该 对 象 相等 。 
(4) clone() : 创建 并 返回 当前 对 象 的 复制 。 

(5) toString(): 取得 表示 该 对 象 的 字符 串 。 


3. 应 用 举例 


例 8.14 本 例 ex8-14. jsp 的 源 代码 说 明了 page 对 象 部 分 方法 的 应 用 ,代码 清单 
如 下 : 


%@ page contentType="text/html; Charset=GB2312”"%> 

一 html 二 一 head 二 一 title 二 page 对 象 应 用 二 /title 二 二 /head 放 

一 body 二 一 center 一 

一 font size 一 4 color 王 blue 二 page 对 象 应 用 案例 二 /center 二 一 hr 二 二 /font 一 

<=% 
out. println("JSP 文件 的 类 是 : “十 "一 br "十 page. getClass() 十 "一 bp 二”); 
out. println(“page 对 象 的 哈 希 码 值 是 :“ 十 page. hashCode() 十 "一 p 二 ”) ; 
out, println("page 对 象 转换 成 字符 串 : "十 page. toString()); 

%% 盖 

一 /body 二 二 /html 二 


代码 ex8-14. jsp 的 运行 结果 如 图 8-17 所 示 。 


和 page 对 象 应 用 -- Microsoft I...[-| 口 | 区 | 
; 文件 (E) 编辑 (E) 查看 (Z) 收藏 (6) 工具 (TI) 孝 ”以 
地 址 WD) ~| 撞 /localhost:8080/ex_p08/ex8-14. jsp 国 | 园 甘 到 


page 对 象 应 用 案例 


JSP 文 件 的 类 是 ， 
class org. apache. jsp. ex8_002d14_jsp 


page 对 象 的 哈 希 码 值 是 ，2991526 


page 对 象 转换 成 字符 串 ， 
org. apache. jsp. ex8_002d14_jsp@2da5a6 


图 8-17 page 对象 应 用 案例 


8.8.2 pageContext 对 象 


1. pageContext 对 象 的 功能 
一 般 常 用 pageContext 对 象 获取 当前 页 面 运行 的 一 


雹 


属性 。 
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2. pageContext 对 象 方法 


(1) setAttribute(String name,Object obj) : 由 obj 初始 化 name 属性 。 

(2) getAttribute(String name) : 返回 由 name 指定 名 字 的 pageContext 对 象 属性 值 。 

(3) findAttribute(String name) : 按照 page、request、session 和 application 的 次 序 获 
得 给 定名 字 的 属性 。 

(4) removeAttribute(String name) : 删除 name 属性 。 

(5) getAttributesScope (String name) : 返回 一 个 整 型 数 ,表示 与 给 定名 字 相 关 对 象 
的 作用 范围 。 

(6) include(CString name) : 将 给 定名 字 包 含 进来 。 


3. pageContext 对 象 应 用 案例 


例 8.15 本 例 ex8-15. jsp 说 明了 pageContext 对 象 部 分 方法 的 使 用 。 语 句 : pageContext. 
setAttribute(" 文 件 名 ”,filename) ;把 “文件 名 ”属性 指定 为 filename( 即 ex8-15. jsp) 值 , 保 
存在 pageContext 对 象 中 。 通 过 getAttribute 和 findAttribute 方法 都 可 以 获得 该 属性 。 
应 用 removeAttribute 方法 删除 “文件 名 ”属性 ,删除 后 再 应 用 getAttribute 方法 ,将 得 不 
到 属性 值 。 使 用 include 方法 把 代码 “ex8-14. jsp” 包 含 进来 ,并 在 浏览 器 中 输出 。 
ex8-15.jsp 代码 清单 如 下 : 


WH%@ page contentType="text/html; Charset=GB2312”"%> 
一 html 二 一 head 一 二 title 二 pageContext 对 象 应 用 案例 一 /title 二 二 /head 一 


二 body 二 一 center 一 
一 font size 一 3 color 一 blue 二 pageContext 对 象 应 用 案例 一 /font 二 二 /center 二 一 hr 二 
<=% 


String filename 一 “ex8-15. jsp”; 
pageContext. setAttribute(" 文 件 名 ",filename) ; 
out. println("pageContext. getAttribute(\" 文 件 名 \") 二 "十 pageContext. getAttribute( "文件 名 ”) 
+"<br>")s 
out. println(”pageContext. findAttribute(\" 文 件 名 \") 二 ”十 pageContext. findAttribute(" 文 件 名 ”) 
4+"<be > Ys 
out. println("pageContext. getAttributesScope(\" 文 件 名 \") 一 
“十 pageContext. getAttributesScope(" 文 件 名 ”十 "二 br 二 "); 
pageContext. removeAttribute(" 文 件 名 ”); 
out. println(”After remove, the pageContext. getAttribute(\" 文 件 名 \") 一 
“十 pageContext. getAttribute( "文件 名 ") 十 "一 p 二 ”); 
pageContext. include("“ex8-14. jsp") 
%> 
=/body>=/html> 


代码 ex8-15. jsp 的 运行 结果 如 图 8-18 所 示 。 
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玉 pageContext 对 象 应 用 案例 - Microsoft .- -于 后 区 
; 文件 EE) ”编辑 (E) 查看 (收藏 和) 工具 (TD) 帮助 (了 
5 地 址 (D) “| 箱 http://1ocalhost:8080/ex_D08/ex8-15. jsp 


pageContext 对 象 应 用 案例 


pageContext. getAttribute(“ 文 件 名 ”)=ex8-15. jsp 
pageContext. findAttribute(“ 文 件 名 “)= 2 jsp 
pageContext. getAttributesScope(“ 文 件 名 

After remove, the pageContext. 村 “文件 名 ”)=nul1 


page 对 象 应 用 案例 


JSP 文 件 的 类 是 ， 
class org. apache. jsp. ex8_002d14_jsp 


page 对 象 的 哈 希 码 值 是 ，11265620 


图 8-18 ”pageContext 对 象 应 用 案例 


8.8.3 config 对 象 


1. config 对 象 功能 
使 用 config 对 象 获取 初始 化 配置 信息 
2. config 对 象 方 法 


(1) getServletContext() : 获得 Servlet 与 服务 器 交互 的 信息 。 
(2) getInitParameter(String name): 获得 初始 化 参数 值 , 如 果 参 数 不 存 在 ,返回 
值 。 
(3) getInitParameterNames (String name): 获得 初始 化 参数 名 称 , 如 果 参 数 不 存 
在 , 则 返回 空 值 。 
config 对 象 方法 的 应 用 与 其 他 对 象 类 似 , 此 处 不 再 袭 述 。 


内 


8.9 Cookie 


8.9.1 Cookie 功能 


Cookie 的 英文 原意 是 “甜点 ”的 意思 , 当 客 户 访问 服务 器 时 ,服务 器 在 客户 的 硬盘 上 
建立 一 个 小 文本 文件 ,用 来 跟踪 访问 Web 站 点 的 用 户 。 它 记录 了 有 关 用 户 的 信息 ,如 : 
身份 证 号 码 、 密 码 、 用 户 购 物 方 式 和 访问 站 点 次 数 等 。 当 客户 下 次 再 访问 同一 Web 站 点 
时 ,站 点 的 页 面 会 查找 这 个 Cookie, 浏 览 器 把 它 原样 传送 给 服务 器 。 每 个 Web 站 点 都 有 
自己 的 Cookie, 它 的 内 容 由 Web 服务 器 管理 者 决定 ,可 以 随时 读 取 ,但 只 能 被 该 Web 站 
点 的 页 面 读 取 。Cookie 文件 存放 在 Windows 的 Cookie 文件 夹 下 。 
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8.9. 2 Cookie 属性 


Cookie 对 象 的 属性 及 其 作用 见 表 8-2 。 
表 8-2 ”Cookie 对 象 的 属性 


属 性 说 明 

name Cookie 对 象 的 名 字 ,是 每 个 Cookie 对 象 必须 有 的 属性 
value Cookie 的 值 ,也 是 每 个 Cookie 对 象 必须 有 的 属性 
expires Cookie 的 过 期 时 间 

domain 设置 Cookie 的 Web 页 面 所 在 的 计算 机 域名 


可 以 设 定 一 个 Cookie 只 针对 站 点 的 某 一 层次 。 该 项 是 可 选项 . 若 指 定 , 则 
Cookie 只 被 发 送 到 path 指定 路 径 的 请 求 中 去 

是 一 个 布尔 值 ,默认 值 是 false。 如 果 设 为 true, 浏 览 器 认为 该 Cookie 是 安全 
的 服务 器 


path 


secure 


8.9.3 创建 Cookie 对 象 


创建 Cookie 对 象 的 语法 规则 如 下 : 
Cookie 对 象 名 二 new Cookie( “变量 名 ”, 数 值 ) 


例如 ,Cookie cookieBookNm 王 new Cookie("BookName",“Web 技术 应 用 基础 1 ); 创 
建 了 名 为 cookieBookNm 的 Cookie 对 象 ,并 把 数值 *Web 技术 应 用 基础 !” 赋 给 变 
量 “BookName”。 


8.9.4 Cookie 方法 


1. addCookie 方法 

addCookie 方法 向 客户 机 添加 一 个 Cookie 对 象 。 
2. getCookie 方法 

getCookie 方法 取得 Cookie 对 象 的 数据 。 


8.9.5 ”Cookie 应 用 案例 


例 8. 16 Cookie 数据 存 取 。 代 码 ex8-16. jsp 把 字符 串 “ 欢 迎 学 习 Web 技术 应 用 基 
础 1” 赋 给 变量 “MyString”, 并 保存 到 Cookie 对 象 cookieMyString 中 ,然后 再 从 
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cookieMyString 对 象 中 把 数据 取出 。ex8-16. jsp 代码 清单 如 下 : 


HE@ page import 一 “java. util. Date"% > 
<H%@ page contentType 一 "text/html; charset=GB2312”"%> 
一 html 二 一 head 二 一 title 二 Cookie 数据 的 存 取 二 /title 二 二 /head 二 
=body>=center 二 > 
一 font size 一 4 color 一 blue 二 Cookie 数据 存 取 案 例 一 /font 一 一 /center 二 一 hr 一 
二 % // 创 建 Cookie 对 象 
Cookie cookieMyString 一 new Cookie(”MyString”, 
java. net. URLEncoder. encode( "欢迎 学 习 Web 技术 应 用 基础 1")); 
Cookie temp 王 null; 
response. addCookie(cookie MyString) ; 
// 将 Cookie 变量 的 数值 加 入 Cookie 对 象 中 
Cookie[ | cookies= request. getCookies(); 
int cookielen 一 cookies. length; // 取 得 Cookie 数组 的 长 度 
ifCcookielen !=0){ 
for(int i 二 0; i 过 cookielen; i 十 十 ){// 取 得 Cookies 数组 中 的 Cookie 变量 
temp= cookies[i]; 
if(temp. getName(). equals(”"MyString’)) { 


%> 
Cookie 中 二 font color 王 blue 二 MyString 一 /font 二 变量 值 为 : 
=center> font size 一 4 color=red> 
一 名 二 java. net. URLDecoder. decode(cookie MyString. getValue() ) % > 
二 /font 二 二 BR 二 一 /center 一 
=% 
} 
} 
} else{ 
%> 无 法 取得 Cookie 一 BR 二 
<% 
} 
%> 
=/body>=/html> 


代码 ex8-16. jsp 的 运行 结果 如 图 8-19 所 示 。 


; 文件 EE) 编辑 (E) 查看 (Y) 收藏 (&) 工 
i 地址 吧 ) -| 手 ::3080/ex_D08/ex8-16. jsp 国 


Cookie 数 据 存 取 案 例 


Cookie 中 MyString 变量 值 为 : 
欢迎 学 习 Web 技 术 应 用 基础 ! 


图 8-19 ”Cookie 数据 存 取 
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8.10 JSP 内 置 对 象 在 网 上 书店 中 的 应 用 案例 


例 8.17 使 用 JSP 内 置 对 象 制作 网 上 书店 中 的 订单 处 理 模块 。 为 了 使 代码 易于 理 
解 ,暂时 去 除了 源 代 码 中 与 数据 库 的 连接 部 分 。 与 数据 库 连 接 部 分 的 内 容 将 在 下 一 章 
讲解 。 


1. 任务 要 求 


要 求 在 页 面 上 为 客户 制作 一 个 订单 ,接收 客户 的 姓名 、 地 址 、 联 系 电话 和 邮编 等 信息 ， 
订单 处 理 界面 如 图 8-20 所 示 。 
http://localhost :8080/ex_DO8/orderl. jsp - Microsoft Internet... -|@ 区 | 


文件 (E) ”编辑 (E) 查看 (Y) 收藏 (68) 工具 (IT) 帮助 (了 [3 
地 址 他 ) “| 乔 http://localhost:8080/ex_D08/orderl. jsp 《< 六 入 中 文 , 直接 搜索 国 | 回 瑟 到 


Wang Luo gou shu xi tong 


今天 是 2008 年 8 月 22 日 , 欢迎 光临 ! 


为 方便 我 们 及 时 将 书 送 到 您 手 上 ， 请 您 确保 以 下 信息 真实 可 靠 :〔 带 + 号 的 为 必 填 项 ， 其 它 的 可 以 不 填 ) 


收 货 人 姓名 : 区 三 ] 
收 货 人 地 址 : | 比 京 朝阳 区 北 四 环 东 路 97 叶 
联系 电话 : [0s 

邮编 : 100101 k 
付费 方式 : ES v 

送 货 方式 ; | 24 小 时 全 国 特快 志 递 国 


各 本 地 Intranet 


图 8-20 ”订单 处 理 


客户 在 文本 框 中 输入 姓名 地址、 联系 电 话 和 邮编 ,然后 单 击 “ 我 要 下 订单 ”按钮 ,将 表 
单 输入 信息 提交 服务 器 应 用 程序 来 处 理 。 应 用 程序 接收 信息 后 ,为 用 户 反 馈 必 要 的 信息 。 


2. 制作 表单 ,收集 用 户 信 息 
页 面 orderl.jsp 代码 清单 如 下 : 


HE@ page contentType 一 "text/html; charset=GB2312”"%> 
=% request. setCharacterEncoding("GB2312”) ; %> 
一 script language= "javascript > 
-= 
function CheckSubmit() 
{ 
if( document. orderform. receiver. value 一 一 ”) 
{ alert(" 请 输入 收 货 人 姓名 !1”); document. orderform. receiver. focus() ; return false; } 
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if( document. orderform. address. value 一 一 ”) 


{ alert(" 请 输入 收 货 人 地 址 1!"); document. orderform. address. focus(); return false; } 
if( document. orderform. phone. value= ="”) 
{ alert(" 请 输入 联系 电话 !"); document. orderform. phone. focus() ;return false; } 
if( document. orderform. postcode. value 一 一 ”) 
{ alert(" 请 输入 邮编 !"); document. orderform. postcode. focus() ;return false; } 
return true; 
} 
=/script> 
=link href="maincss. css”rel 一 "stylesheet' type= "text/css’> 
一 div align 一 "center 一 
< 一 table width 一 "750”border 一 "0”cellspacing 一 "1”cellpadding 一 "] 一 


< 一 tr 一 

一 td 二 一 div align 一 “center 一 一 %@include file="top. jsp’ %>=/div>=/td> 
< 一 /tr 
< 一 tr 一 


< 一 td 二 一 div align="center’> 
一 table width="100%" border="0" cellpadding="0"” cellspacing="0" class="td’> 
一 form name 一 “orderform”action 一 "order2. jsp” method="post > 
< 一 tr 一 
去 td colspan 一 "2 "全 为 方便 我 们 及 时 将 书 送 到 和 您 手 上 ,请 您 确保 以 下 信息 真实 可 靠 : 
( 带 二 font color 一 “red 全 < 一 /font 一 号 的 为 必 填 项 ,其 他 的 可 以 不 填 ) 一 /font 一 二 /td 一 


一 /tr 一 
< 一 tr 一 
一 td colspan 一 "2" 二 一 hr size 一 "1”noshade width 一 "100% "全 二 /td 二 
< 到 /tr 一 
> 


二 td> 收 货 人 姓名 : 二 /td 二 
一 td 二 一 input name 一 “receiver” type= "text” size 一 "20" 一 
一 input name 一 “userid” type="hidden’> 
一 font color="red’> * 二 /font 二 一 /td 一 
</tr> 
> 
二 td 二 收 货 人 地 址 : 过 /td 二 
一 td 二 一 input name 一 "address” type= "text” size="40"> 
一 font color="red’> * 二 /font 二 一 /td 二 
AAA 
> 
二 td 二 联系 电话 : 二 /td 一 
=td>=input name 一 "phone” type 一 "text” size="”20’> 
一 font color="red’> * 二 /font 二 一 /td 二 
一 /tr 一 
te > 
二 td 二 邮编 : 二 /td 二 
=td>=input name 一 "postcode'" type= "text” size="”20"> 
=font color="red’> * </font>=/td> 
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一 /tr 一 
~=tr> 
二 td 二 付费 方式 : 二 /td 
< 到 td>> 
一 select name 一 "payment' > 
一 option value 一 "邮局 汇款 "一 邮局 汇款 二 /option 一 
一 option value 一 "银行 转账 "全 银行 转账 二 /option 一 
一 option value 一 " 货 到 付款 "全 货 到 付款 二 /option 一 
一 /select 一 
=/tr> 
< 一 tr 之 
去 td 一 送 货 方式 : 所 /td 一 
< 一 td 
二 select name 一 "deliver 一 
一 option value 二 ”24 小 时 全 国 特快 专递 二 24 小 时 全 国 特快 专递 二 /option 二 
一 option value 王 "邮局 托运 "全 邮局 托运 二 /option 二 
=/select> 
</td> 
/> 
~tr> 
< 一 td colspan="2"> 一 div align="center’> 
一 input type 一 “submit' value 一 "我 要 下 订单 “onClick 一 "return CheckSubmit() ;一 
一 input type 二 ”reset” value 二 ”重新 填写 "二 
=</div>=/td> 
</tr> 
=/form> 
~/table> 
=</tr> 
< 一 tr 一 
一 td 二 一 div align 一 “center 一 一 %@include file 一 "bottom. jsp"% 二 一 /div 二 一 /td 二 
< 
<=/table> 
</div> 


3. 建立 服务 器 端 应 用 程序 
order2. jsp 清单 如 下 : 


HE@ page contentType= "text/html; charset=GB2312”"%> 

=% request. setCharacterEncoding("GB2312”); %> 

一 link href 一 “maincss. css” rel="stylesheet” type= "text/css’> 

一 div align 一 “center 一 

< 一 table width 一 "750”border 一 "0”cellspacing 一 "1”cellpadding 一 "1 一 


> 
=td>=div align="center >=%@include file="top. jsp’ %>=/div>=/td> 
< 一 /tr 一 
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< 一 tr 一 
一 td 一 一 div align 一 “center 一 
< 一 table width="100%" border="0" cellpadding="]1" cellspacing="1” class="td’> 
<tr> 
二 td colspan 一 ”6 二 您 已 经 成 功 下 单 .下 面 是 您 这 次 订单 信息 ， 
我 们 的 工作 人 员 会 及 时 与 您 联系 。 一 /td 
< 一 /tr 二 
~tr> 
< 一 td colspan 一 "6" 一 一 hr size 一 "1”noshade width="100%">=/td> 
所 /tr> 
< 一 tr 一 
一 td colspan 一 "2 全 收 货 人 : 二 % 二 request. getParameter(C receiver ) %% 二 一 /td 一 
一 /tr 一 
< 一 tr 一 
一 td colspan 二 "2" 这 地 址 : 二 % 二 request. getParameter("address") % 二 一 /td 二 
一 /tr 一 
<tr> 
< 一 td colspan 一 "2 一 邮编 : 二 % 二 request. getParameter( "postcode'") %% 二 一 /td 一 
< 一 /tr 一 
<tr> 
一 td colspan 一 "2 二 联系 电话 : 二 % 二 request. getParameter("phone”’)% 记 二 /td 六 
</tr> 
we 
< 一 td colspan 二 ”7" 二 div align 二 "left 全 谢谢 您 的 支持 ! 一 /div 二 二 /td 二 
一 /tr 一 
=/table> 
</tr> 
< 一 tr 一 
一 td 二 一 div align="center’> < %@include file 一 "bottom. jsp"%% 二 一 /div 二 一 /td 二 
< 一 /tr 
=/table> 
</div> 


4. 代码 说 明 


(1) orderl.jsp 代码 中 二 % 二 request. getParameter( receiver ) 中 二 语句 的 作用 是 : 
使 用 request 对 象 接收 form 表单 中 的 receiver 信息 ,并 把 它 输出 到 浏览 器 中 。 
(2) orderl. jsp 和 order2.jsp 代码 中 语句 : 


一 link href 一 "maincss. css”rel 一 "stylesheet' type="text/css’> 


这 两 个 文件 都 应 用 了 样式 文件 “maincss. css”, 使 得 页 面具 有 统一 风格 。 
(3) orderl. jsp 和 order2. jsp 代码 中 语句 : 


=%@include file="top. jsp’ %> 
=%@include file 一 "bottom. jsp’ % > 
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使 得 这 两 个 页 面具 有 相同 的 顶部 和 底部 。 
5. 在 浏览 器 中 测试 订单 处 理 模块 


在 浏览 器 的 URL 栏目 中 输入 orderl. jsp 文件 的 URL 地 址 ,显示 如 图 8-20 所 示 , 如 
果 客 户 填写 正确 , 单 击 “我 要 下 订单 ”运行 结果 如 图 8-21 所 示 。 


http://localhost :8080/ex_DO8/order2. jsp - Microsoft Internet... [~ ||X 
文件 人 E) 编辑 (E) 查看 () 收藏 4) 工具 (了 帮助 (0) 


i 地址 (D) “| 箱 http://localhost:8080/ex_D08/order2. jsp 所 芭 和 中立 ,直接 搜索 国 | 回转 到 


0 gou shu xi tong 今天 是 2008 年 8 月 22 日 , 欢迎 光临 ! 


您 已 经 成 功 下 单 , 下 面 是 您 这 次 订单 信息 , 我 们 的 工作 人 员 会 及 时 与 您 联系 . 


收 货 人 : 张 三 
地 址 :北京 朝阳 区 北 四 环 东 路 97 号 
邮编 :100101 


图 8-21 订单 成 功 
如 果 客 户 填写 有 缺 项 ,例如 缺 邮编 ,系统 将 提示 重新 填写 ,如 图 8-22 所 示 。 


Microsoft Internet Explorer 区 | 


图 8-22 输入 不 正确 


习题 、 上 机 练习 与 实 训 8 | 


一 、 习题 

. JSP 提供 内 置 对 象 的 用 意 是 什么 ? 并 列举 其 5 种 内 置 对 象 的 功能 。 

. 简 述 JSP 内 置 对 象 request 和 response 的 功能 .它们 是 如 何 协 同 工 作 的 ? 
. response 对 象 状态 行 的 作用 有 哪些 ? 

. response 对 象 的 sendRedirect 方法 的 功能 是 什么 ” 常 在 什么 情况 下 使 用 ? 
. out 对 象 的 功能 是 什么 ? 请 列举 出 最 常用 的 两 种 方法 。 

. session 对 象 的 作用 是 什么 ? 它 在 什么 范围 内 共享 信息 ? 

. application 对 象 的 作用 是 什么 ? 它 在 什么 范围 内 共享 信息 ? 

. exception 对 象 的 作用 是 什么 ? 它 可 以 增强 软件 的 什么 性 能 ? 


.ed 
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9. JSP 的 Cookie 对 象 的 作用 是 什么 ? 是 由 谁 在 何 处 建立 的 什么 文件 ? 

二 、 上 机 练习 

1. 在 购书 表单 中 输入 用 户 名 、 密 码 和 书 名 , 单 击 “确定 ?按钮 ,将 信息 发 往 服务 器 端 ， 
商家 根据 用 户 的 信息 向 用 户 返回 应 答 。 

2. 使 用 response 对 象 sendRedirect 方法 ,完成 第 7 章 上 机 练习 6 的 应 用 。 

3. 设计 网 上 考试 界面 如 图 8-23 所 示 ,应 用 session 对 象 存储 测试 数据 , 当 考 生 完 成 
试题 , 单 击 “ 确 定 ” 按 钮 ,将 答案 与 正确 答案 比较 ,给 出 结果 和 答题 所 用 的 时 间 。 


文件 EE) 编辑 EE) 查看 WD 收藏 由 ) 工具 GD 帮助 0 


@@s 日 - 国 国 的 | Par 认 wmx ” 


请 输入 姓名 ， 


请 输入 密码 ， 
1. IP 协 议 对 应 0SI 七 层 协 议 哪 一 层 ? 


[ 回 | 会 话 层 @ 传输 层 @ 数据 链 路 层 @ 网 络 层 
2. 请 选择 脚本 语言 。 
© Yt+ © Java © Qbasic ©JavaScript 


医事] 区 本 


图 8-23 网 上 考试 


4. 模拟 3 个 商店 ( 即 3 个 页 面 ,供应 不 同 的 商品 ), 应 用 session 对 象 存储 用 户 的 姓 
名 、 密 码 和 购物 信息 , 当 用 户 购物 结束 时 ,向 用 户 返 回 其 购物 信息 。 

5. 应 用 application 对 象 为 你 的 网 页 制作 一 个 留言 板 , 并 统计 访客 人 数 。 

6. 应 用 cookie 对 象 制作 一 个 登录 界面 。 如 果 用 户 没 有 登录 过 ,显示 首次 登录 的 欢迎 
界面 。 如 果 用 户 已 经 登录 过 , 则 显示 上 次 登录 时 间 并 显示 欢迎 再 次 登录 界面 。 

7. 应 用 session 对 象 制作 分 页 显示 的 调查 问卷 。 用 户 在 第 一 个 页 面 回 答 需 要 调查 的 
第 一 个 问题 ,回答 问题 后 , 单 击 “ 确 定 ” 按 钮 ,页 面 导向 第 二 个 页 面 。 在 第 二 个 页 面 显示 第 
一 个 问题 的 回答 ,并 提出 第 二 个 问题 ,用 户 回 答 第 二 个 问题 后 . 单 击 “ 确 定 ” 按 钮 ,导向 第 三 
个 页 面 。 第 三 个 页 面 显示 用 户 对 前 两 个 问题 的 回答 。 

8. 设计 用 户 注 册 应 用 ,用 户 在 表单 中 输入 需要 购买 图 书 的 书号 ,如 果 输 入 错误 ,应 用 
异常 处 理 页 面 ,进行 异常 处 理 。 

三 、 实 训 课 题 

1. 应 用 JSP 技术 制作 一 个 如 图 8-24 所 示 的 网 上 购物 表单 ,商家 根据 用 户 信 息 , 向 用 
户 返 回 表单 的 认定 信息 。 

2. 为 “Web 技术 应 用 基础 ?课程 制作 一 个 网 上 考试 的 应 用 ,要 求 从 应 试 者 登录 开始 计 
算 时 间 ,交卷 后 要 给 出 答案 .分数 和 回答 问题 的 时 间 。 

3. 应 用 session 对 象 ,完成 实 训 课题 2 的 任务 。 
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下 面 是 您 的 会 员 信息 ， 如 果 无 误 请 按 “ 确 认 ” 进 行 购物 ， 如 有 错误 修改 后 再 控 “ 确 认 ” 
进行 购物 。 


用 户 名 : 


送信 地 址 ， 
邮政 编码 ，[ 一 一 | 
别 


图 8-24 网 上 购物 表单 


4. 制作 一 个 计算 器 ,要 求 计算 器 比较 健壮 ,能 够 处 理 各 种 异常 情况 。 
5. 使 用 存 取 Cookie 数据 的 方法 ,完成 实 训 课题 2 的 任务 。 
6. 为 网 站 完成 一 个 留言 板 的 制作 。 
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9 全 基于 JSP 的 Web 数据 库 
第 、 应 用 开发 


使 用 Web 方式 进行 应 用 系统 的 开发 是 当前 的 一 种 发 展 趋 势 , 基 于 JSP 的 Web 数据 
库 应 用 开发 具有 较为 广泛 的 应 用 。 本 章 将 重点 介绍 JDBC 接口 技术 、 数 据 库 连接 技术 与 
JSP 数据 库 信息 发 布 技术 。 

本 章 案 例 存放 在 D: \Tomcat 5. 5\webapps\ex_D09 目录 下 。 


9.1 Web 数据 库 应 用 基础 


网 上 应 用 系统 的 开发 离 不 开 数 据 库 的 应 用 。 本 节 基 本 上 不 做 理论 上 的 探讨 ,只 对 数 
据 库 的 基础 知识 和 SQL 应 用 做 一 个 简单 介绍 ,力求 使 事情 简单 明了 ,为 数据 库 信 息 发 布 
做 准备 。 


9.1.1 数据 库 基 本 概念 


1. 基本 术语 


(1) 数据 库 系 统 

数据 库 系统 是 一 个 存储 数据 的 计算 机 系统 。 人 们 到 仓库 存 取 物品 ,只 需 走 到 仓库 ,请 
仓库 管理 员 帮 他 取出 所 要 的 物品 即 可 ,他 并 不 关心 物品 在 仓库 中 是 如 何 存放 的 。 要 建设 
一 个 好 的 仓库 系统 ,仓库 建设 者 要 根据 仓库 的 性 质 合 理 地 组 织 仓库 中 的 物品 ,规划 出 仓库 
中 要 有 多 少 货架 ,物品 如 何 分 类 ,是 否 需要 内 部 运输 工具 等 。 在 合理 规划 的 基础 上 ,实施 
这 个 计划 ,将 物品 存放 到 仓库 中 ,并 为 仓库 使 用 者 提供 物品 存 取 服务 。 计 算 机 中 的 数据 库 
系统 与 现实 世界 中 的 仓库 系统 类 似 。 数 据 库 系统 包括 数据 仓库 的 规划 、 建 设 及 提供 货 
(数据 ) 的 存 取 服务 。 数 据 库 系统 可 以 分 为 数据 库 和 数据 库 管理 系统 两 部 分 。 

(2) 数据 库 

数据 库 是 一 个 按 数据 结构 来 存储 和 管理 数据 的 计算 机 软件 系统 。 数 据 库 概念 包含 两 
层 意 思 : 

。 数据 库 是 一 个 实体 ,是 一 个 能 够 合理 保管 数据 的 “仓库 ”, 在 该 “仓库 ”中 存放 要 管 


理 的 事务 数据 数据? 和”* 库 ?两 个 概念 结合 成 为 数据库”。 
。 数据 库 是 数据 管理 的 方法 和 技术 , 它 能 够 合理 地 组 织 数据 方便 地 维护 数据 .严密 
地 控制 数据 和 有 效 地 利用 数据 。 
简 言 之 ,数据 库 是 一 个 合理 组 织 了 的 数据 仓库 。 数 据 被 合理 地 组 织 到 数据 仓库 中 ,使 
用 者 可 以 方便 有 效 地 存 取 数 据 库 中 的 数据 。 
(3) 数据 库 管理 系统 (DBMS) 
数据 库 管 理 系 统 是 管理 数据 库 的 软件 系统 , 它 提 供 了 一 组 建立 数据 库 和 管理 数据 库 的 
工具 。 可 以 使 用 这 些 工 具 进 行 各 种 数据 库 操作 ,如 数据 库 生 成 .数据 表格 生成 .数据 的 输入 
和 修改 .数据 的 检索 和 使 用 数据 安全 ,数据 相关 关系 的 设 定 和 数据 访问 权限 的 设 定 等 。 
目前 市 场 上 比较 著名 的 数据 库 管 理 系 统 有 Oracle、Sybase、Informix、SQL Server 等 。 


2. 数据 库 设 计 与 管理 信息 系统 


管理 信息 系统 简称 为 MISCManagement Information System) , 它 是 计算 机 应 用 领域 
的 一 个 重要 分 支 。 管 理 信息 系统 帮助 人 们 完成 需要 手工 处 理 的 信息 处 理工 作 , 不 仅 能 够 
提高 工作 效率 ,降低 劳动 强度 ,而 且 能 够 提升 管理 信息 的 质量 和 水 平 。 

管理 信息 系统 的 核心 是 数据 库 。 管 理 信 息 系 统 
的 数据 存放 在 数据 库 中 ,数据 库 技术 为 管理 信息 系 
统 提 供 了 数据 管理 的 手段 ,数据 库 管理 系统 为 管理 
信息 系统 提供 了 系统 设计 的 方法 .工具 和 环境 。 管 
理 信息 系统 、 数 据 库 管理 系统 和 数据 库 的 关系 如 甫 上 
图 9-1 所 示 。 

图 9-1 显示 了 管理 信息 系统 、 数 据 库 管理 系统 和 
数据 库 的 关系 。 管 理 信息 系统 的 各 功能 模块 通过 数 
据 库 管 理 系统 提供 的 工具 访问 数据 库 , 完 成 对 数据 的 
存 取 、 修 改 和 录入 等 操作 。 各 种 功能 模块 为 用 户 提供 
不 同 的 功能 要 求 , 并 共享 数据 库 中 的 数据 资源 ,数据 库 是 信息 系统 的 核心 。 


3. 数据 库 、 表 、 记 录 和 字段 


数据 库 用 数据 库 名 表示 。 在 关系 数据 库 中 数据 库 是 多 个 数据 表 的 集合 ,通过 数据 表 
和 表 之 间 的 关系 定义 数据 库 的 结构 。 例 如 ,网 上 书店 数据 库 名 为 bookshop, 库 中 有 7 个 
表 : book、userinfo、orderform、orderdetail .notes、employee 和 publisher。 

表 是 按 某 种 结构 存储 的 一 组 数据 , 它 是 数据 库 的 基础 构件 。 表 类 似 于 日 常生 活 中 的 表 
格 ,如 火车 时 刻 表 、 员 工 表 和 电话 号 码 表 等 。 表 中 数据 以 行 、 列 方式 将 相关 信息 排列 成 逻辑 
组 。 表 中 每 一 行 称 为 记录 ,每 一 列 称 为 字段 。 例 如 网 上 书店 中 的 userinfo 表 , 见 图 9-2。 


图 9-1 管理 信息 系统 、 数 据 库 管理 
系统 和 数据 库 的 关系 


userid sernane ssword ddress sail [phone [Pesteed at 
000001 多 特 234567 男 多 特 教 育 服务 中 心 info@dotraining. com 67842111 432200 o 
000002 林 123456 去 京 联合 : 1inlineb' 654900713 100101 0 
000003 莫大 双 987654 男 海 深 区 国 兴 大 厦 3 楼 301 室 pds99028h com 60 100046 1 

[加 oooo04 王 杨 165473 男 北京 海流 区 学 院 南路 55 号 wangyane8sina com。 62257786 “100061 | 


图 9-2 userinfo 表 
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9.1.2 创建 数据 库 和 表 


以 网 上 书店 数据 库 为 例 说 明 创 建 表 和 数据 库 的 方法 。 
1. 创建 数据 库 


创建 数据 库 的 操作 过 程 如 下 : 

(1) 启动 SQL Server 服务 管理 器 

选择 “开始 一 所 有 程序 一 Microsoft SQL Server 习 服务 管理 器 ”, 出 现 如 图 9-3 所 示 的 
“SQL Server 服务 管理 器 "界面 ,如 果 管 理 器 没有 启动 , 单 击 “ 开 始 / 继 续 ” 按 钮 启动 服务 管 
理 器 。 

(2) 创建 数据 库 

@ 选择 “开始 -所 有 程序 一 Microsoft SQL Server 习 企业 管理 器 ”, 打 开 SQL Server 
Enterprise Manager 企业 管理 器 。 

@ 在 控制 台 树 中 单 击 “ 数 据 库 ? 结 点 ,然后 选择 “新 建 数据 库 ? ,如 图 9-4 所 示 。 


is... [GI 


而 文件 操作 查看 WW 工具 CD) 窗口 
各 | 四 加 |X 兄 国 加 | 岛 | 米 | 


训 SQL Server 服务 管理 器 
服务 器 QD ; 


服务 8); ” 电 钨 国 
加 靳 寻 小 据 库 三) 
和 ] a - 
| 开始 继续) 由 全 安全 性 | 站 看 中 
国 ww 由 国 支持 服 | 人 人 这 里 创 际 窗口 由) 


外国 Neta 7D 
| 停止 @) 
人 当局 动 08 时 自动 启动 服务 &) 
已 暂 停 -VBILLGATES -NSSQLServer 


图 9-3 “SQL Server 服务 管理 器 界面 图 9-4 新 建 数据 库 


@ 出现“ 数据 库 属性 ”对 话 框 ,输入 数据 库 的 名 称 , 网 上 书店 数据 库 的 名 字 定 为 
bookshop ,如 图 9-5 所 示 。 


2. 创建 新 表 


为 了 使 读者 易于 练习 ,把 网 上 书店 实例 中 的 book 表 做 了 适当 的 简化 ,起 名 为 
booktable, 以 下 创建 booktable 表 。 

@ 选择 “开始 一 程序 一 Microsoft SQL Server~ 企 业 管理 器 一 数据 库 一 bookshop”。 

@ 布 击 “ 表 ” 结 点 ,然后 选择 快捷 菜单 中 的 “新 建 表 ”命令 。 

@ 在 表 设 计 器 窗口 设计 booktable 表 的 结构 ,输入 相应 的 字段 名 、 类 型 长度、 是 
否 为 空 和 默认 值 等 。 选 择 bookid 字段 , 单 击 工具 栏 中 的 “设置 主键 "图标, 将 bookid 
字段 设 为 主 关键 字 。 当 字段 为 主 关键 字 时 ,该 字段 不 允许 出 现 空 值 。booktable 表 的 
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数据 库 属性 一 bookshop 
常规 。 | 数据 文件 | 事务 日 志 | 


图 9-5 “数据 库 属性 ”对 话 框 


结构 如 图 9-6 所 示 。 
@ 设计 完成 后 单 击 工具 栏 “ 保 存 ” 图 标 , 出 现 “ 选 择 名 称 ” 对 话 框 ,如 图 9-7 所 示 , 在 对 
话 框 中 输入 表 名 booktable 后 , 单 击 “ 确 定 ” 按 钮 。 


选择 名 称 


输入 表 名 于 ); 
[booktat1d 


v 
V 
V 
了 网 
V 
V 
V 


CE Cw Cw 


图 9-6 ”booktable 表 的 结构 图 9-7 输入 表 名 


加 单 击 标题 栏 "关闭 ”按钮 。 
@ 同 理 制作 其 他 6 张 表 ,参见 第 3 章 。 


9.1.3 SQL 语句 


SQL(Structured Query Language, 结 构 化 查询 语言 ) 是 关系 数据 库 的 标准 语言 ,是 目 
前 数据 库 的 主流 语言 。SQL 语言 语法 完善 、 功 能 丰富 、 综 合 性 强 .语句 简洁 易学 ,因而 备 
受 欢迎 。 自 从 SQL 成 为 国际 标准 后 ,各 个 数据 库 厂 商 纷纷 推出 各 自 的 支持 SQL 的 软件 
或 与 SQL 的 接口 软件 ,使 得 大 多 数 数据 库 均 采 用 SQL 作为 共同 的 数据 存 取 语言 和 标准 
接口 ,从 而 使 未 来 的 数据 库 世 界 有 可 能 成 为 一 个 统一 的 整体 。 可 以 预言 ,在 未 来 相当 长 的 
一 段 时 间 内 ,SQL 将 成 为 数据 库 语言 领域 中 的 一 种 主流 语言 。 

SQL 具有 自 含 式 和 艇 入 式 两 种 语言 形式 。 自 含 式 SQL 能 够 独立 地 进行 联机 交互 ， 
在 终端 键盘 上 直接 键入 命令 就 可 以 执行 SQL 语句 ,对 数据 库 进行 操作 ;嵌入 式 SQL 能 够 
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租 入 到 其 他 编程 语言 (如 C、Visual C++ 、Visual Basic、Delphi 和 PowerBuilder 等 ) 及 脚 
本 语言 (如 VBScript 和 JavaScript 等 ) 中 实现 对 数据 库 的 操作 。 


1. SQL 主要 功能 


SQL 的 功能 可 分 为 三 类 。 

(1) 数据 定义 功能 

SQL 的 数据 定义 功能 通过 数据 定义 语言 (Data Definition Language,DDL) 实 现 , 它 
用 来 定义 关系 数据 库 的 模式 、 内 模式 和 外 模式 ,以 实现 对 基本 表 、 视 图 及 索引 文件 的 定义 。 

(2) 数据 操纵 功能 

SQL 的 数据 操纵 功能 通过 数据 操纵 语言 (Data Manipulation Language, DML) 实 现 。 
DML 包 插 数据 查询 和 数据 更 新 两 种 数据 操作 语句 。 数 据 查 询 是 指 对 数据 库 中 的 数据 查 


询 、 统 计 , 分 组 ,排序 检索 等 功能 ,数据 更 新 是 指数 据 的 插入 、 删 除 和 修改 等 数据 的 维护 
操作 。 


(3) 数据 控制 功能 

SQL 的 数据 控制 功能 通过 数据 控制 语言 (Data Control Language, DCL) 实 现 。 数 据 
控制 是 指数 据 的 安全 性 和 完整 性 的 控制 。SQL 通过 对 数据 库 用 户 的 授权 和 收 权 命令 来 
实现 有 关 数 据 的 存 取 控制 ,以 保证 数据 库 的 安全 性 。SQL 还 提供 了 数据 完整 约束 条 件 的 
定义 和 检查 机 制 ,以 保证 数据 库 的 完整 性 。 


2. SQL 的 构成 


SQL 由 命令 、 子 句 和 运算 符 等 元 素 构成 ,这 些 元 素 结合 起 来 组 成 用 于 创建 、 更 新 和 操 
作 数 据 库 的 语句 。 

(1) 数据 定义 语句 

数据 定义 语句 (DDL) 用 来 定义 新 的 数据 库 、 表 、 字 段 和 索引 。 

。 CREATE : 创建 新 的 表 、 字 段 和 索引 。 

。 DROP: 删除 数据 库 中 的 表 和 索引 。 

。 ALTER: 通过 添加 字段 或 改变 字段 定义 来 修改 表 。 

(2) 数据 操纵 语句 

数据 操纵 语句 CDML) 命 令 用 来 创建 查询 .以便 从 数据 库 中 筛选 .抽取 和 排序 数据 。 

。 SELECT: 在 数据 库 中 查找 满足 特定 条 件 的 记录 。 

。 INSERT: 在 数据 库 中 插入 新 的 记录 。 

。 UPDATA: 更 新 数据 库 中 的 记录 和 字段 。 

。 DELETE: 从 数据 库 中 删除 记录 。 

(3) 数据 控制 语句 

数据 控制 语句 (DCL) 命 令 通 过 对 数据 库 用 户 使 用 权限 的 限制 来 保证 数据 的 安全 性 。 

。 GRANT: 为 数据 库 用 户 授 予 某 种 权限 。 

。 REVOVE: 收回 数据 库 用 户 的 某 种 权限 。 

。 DENY: 拒绝 用 户 访问 数据 库 的 某 一 对 象 。 
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(43 SQL 于 何 

SQL 子 句 用 于 定义 要 选择 或 操作 的 数据 。 

。 FROM: 指定 要 操作 的 表 。 

。 WHERE: 指定 选择 记录 时 要 满足 的 条 件 。 

。 GROUP BY: 将 选择 的 记录 分 组 。 

。 HAVING: 指定 分 组 的 条 件 。 

。 ORDER BY: 按 特定 的 顺序 排序 记录 。 

(5) SQL 运算 符 和 计算 孔 数 

SQL 运算 符 分 为 两 类 : 逻辑 运算 符 和 比较 运算 符 。 人 逻辑 运算 符 (AND、OR 和 NOT) 
用 于 连接 两 个 表达 式 ,通常 在 WHERE 子 句 中 使 用 。 比 较 运 算 符 (所 .一 一 、 二 二 一 、 一 、 
一 二 、. BETWEEN LIKE 和 IN) 用 于 比较 两 个 表达 式 的 值 。 

SQL 有 一 些 计算 函数 ,例如 ,用 AVG 函数 计算 平均 值 ,用 COUNT 函数 计算 返回 记 
录 数 。 


3. 创建 表 (CREATE TABLE) 

使 用 CREATE TABLE 语句 在 数据 库 中 创建 表 , 同 时 建立 相关 字段 及 其 数据 类 型 ， 
创建 表 的 基本 语法 规则 如 下 : 

CREATE TABLE [ 库 名 ] 表 名 ( 列 名 数据 类 型 [( 字 符 串 长 度 )]… [,…o]) 
其 中 “[j” 是 可 选项 ,[,…nj 表 示 可 以 重复 前 面 的 内 容 , 定 义 多 个 字段 。 

4. 选择 语句 (Select Statement) 

选择 语句 的 功能 是 从 现 有 的 数据 库 中 检索 数据 ,将 满足 一 定 约束 条 件 的 一 个 或 多 个 
表 中 的 字段 从 数据 库 中 挑选 出 来 ,并 按 一 定 的 分 组 和 排序 方法 显示 。 简 单 的 选择 语句 只 
有 FROM 子 句 ,用 来 指定 数据 的 来 源 ,也 就 是 来 自 哪些 表 。 如 果菜 一 字段 出 现在 多 个 表 
中 ,要 用 “. ”运算 符 指定 字段 所 属 的 表 。WHERE 子 句 指定 选择 记录 时 要 满足 的 条 件 , 如 
果 没 有 WHERE 子 句 , 则 返回 表 中 的 所 有 记录 。 选 择 语句 的 语法 规则 如 下 : 

SELECT 字段 1[ ,字段 2,…]FROM 表 名 [WHERE 条 件 表达 式 ] 

例如 : 

J) 在 booktable 表 中 检索 所 有 书 名 ,SQL 语句 格式 是 : 

SELECT bookname FROM booktable 

该 语句 的 功能 是 : 从 booktable 表 的 bookname 字段 检索 数据 。 它 们 的 语义 如 下 。 

SELECT: 关键 字 ,说 明 要 做 查询 操作 。 

bookname: 字段 名 ,数据 从 该 字段 中 检索 。 

FROM: 关键 字 ,指明 信息 来 源 . 后 面 列 出 表 的 名 称 。 


booktable: 表 的 名 称 ,数据 从 该 表 中 检索 。 
结果 集 是 booktable 表 中 的 全 部 书 名 。 
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@) 在 booktable 表 中 查询 书号 等 于 ISBN 7-302-08599-4 的 书 名 ,SQL 语句 格式 是 : 
SELECT bookname FROM booktable WHERE bookid=ISBN 7-302-08599-4 


结果 集 是 书号 等 于 ISBN 7-302-08599-4 的 图 书 。 
@ 范围 查询 ,在 booktable 表 中 查询 2008 年 上 半年 出 版 的 书 的 书 名 ,SQL 语句 格 
式 是 ， 


SELECT bookname FROM booktable WHERE pubdate Between '2008-1-1'and "2008-6-30 


@ 在 选择 语句 中 增加 ORDER BY 子 句 ,可 以 使 结果 集 按 序 排列 。 例 如 ,将 图 书 按 出 
版 日 期 进行 排序 ,SELECT 语句 格式 是 : 


SELECT * FROM booktable ORDER BY pubdate 


默认 值 是 升序 ,如 果 需 要 按 降序 排列 ,在 要 排序 的 字段 后 加 关键 字 DESC, 格 式 
如 下 : 


SELECT * FROM booktable ORDER BY pubdate DESC 


@ 模糊 查询 ,在 WHERE 子 句 中 应 用 LIKE 运算 符 , 可 以 只 选择 与 用 户 规定 格式 相 
同 的 记录 。 用 通配符 "“%” 可 以 代替 任何 字符 串 。 例 如 ,在 userinfo 表 中 查询 所 有 姓 王 的 
读者 ,可 用 以 下 语句 : 


SELECT * FROM userinfo WHERE username LIKE ' 王 %" 


5. 插入 语句 (Insert Statement) 
插入 语句 的 功能 是 把 一 个 或 多 个 记录 添加 到 指定 表 中 。 插 入 语句 的 语法 规则 如 下 : 
INSERT INTO 表 名 (字段 1[ ,字段 2,… ,nj)VALUES( 值 1[ , 值 2,… ,nj) 


例如 ,在 booktable 表 中 插入 新 书 的 记录 (书号 : ISBN 7-04-012301-0, 书 名 : C++ 程 
序 设计 ,作者 : 吴 乃 陵 , 出 版 社 编号 : 3, 出 版 日 期 : 2003-8-1, 定 价 : 29.5, 类 别 : 计算 机 ， 
数量 : 100) ,插入 语句 如 下 : 


INSERT INTO booktable (bookid, bookname. author, publisher, pubdate, price,type, quantity) 
VALUES('ISBN 7-04-012301-0','C++ 程序 设计 ', ' 匡 乃 陵 ',' 高 等 教育 出 版 社 ', '2003-8-1' ,29. 5， 
“计算 机 ' ,100) 
6. 更 新 语句 (Update Statements) 
更 新 语句 按 某 个 条 件 来 更 新 表 中 的 字段 。 更 新 语句 的 语法 规则 如 下 : 
UPDATE 表 名 SET 列 名 一 表 达 式 [, 列 名 一 表 达 式 ,…]L[WHERE 条 件 表达 式 ] 
例如 ,在 booktable 表 中 把 所 有 图 书 的 在 库 册 数 减 2, 语 句 如 下 : 


UPDATE booktable SET quantity 一 quantity 一 2 
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7. 删除 语句 (Delete Statement) 

DELETE 语句 的 功能 是 删除 由 FROM 子 句 列 出 的 、 满 足 WHERE 子 句 条 件 的 一 个 
或 多 个 表 中 的 记录 。 语法 规则 如 下 : 

DELETE FROM 表 名 [WHERE 条 件 表达 式 ] 


例如 ,在 booktable 表 中 删除 刚才 插入 的 书号 为 ISBN 7-04-012301-0 的 记录 ,语句 
如 下 : 


DELETE FROM booktable WHERE bookid=ISBN 7-04-012301-0 
又 如 : 下 条 SQL 语句 的 功能 将 删除 表 中 所 有 的 记录 ,使 用 时 要 特别 当心 : 


DELETE FROM booktable 


9.2 JDBC 接口 技术 


9.2.1 JDBC 概述 


1. 什么 是 JDBC 


JDBC(Java Database Connectivity) 接 口技 术 实 际 上 是 一 种 通过 Java 语言 访问 数据 
库 的 应 用 程序 接口 (API)。 许 多 数据 库 系统 带 有 JDBC 驱动 程序 ,Java 程序 通过 JDBC 了 驱 
动 程 序 与 数据 库 连接 ,执行 查询 .插入 、 更 改 和 删除 等 操作 。 为 能 够 访问 由 ODBC 了 驱动 程 
序 接 口 的 数据 库 ,Sun 公司 开发 了 JDBC-ODBC Bridge, 应 用 这 项 技术 ,Java 程序 就 能 够 
访问 由 ODBC 驱动 的 数据 库 。 由 于 大 多 数 数据 库 系统 都 带 有 ODBC 驱动 程序 ,所 以 使 用 
JDBC-ODBC Bridge 技术 Java 程序 可 以 访问 大 多 数 数据 库 , 如 : MS SQL Server、Oracle、 


Sybase、Informix 和 MS Access 等 。 


2. JDBC 的 功能 


JDBC 的 主要 功能 如 下 : 

za 与 一 个 数据 库 建立 连接 (connection)。 
G@) 向 数据 库 发 送 SQL 语句 (Cstatement) 。 
@ 处 理 数据 库 返 回 的 结果 (resultset) 。 


3. JDBC 访问 数据 库 的 4 种 方式 


JDBC 对 数据 库 的 访问 可 有 4 种 方式 。 
(1) JDBC-ODBC 桥 驱 动 程序 
JDBC-ODBC 桥 利 用 ODBC 驱动 程序 提供 JDBC 访问 。JDBC-ODBC 桥 是 比较 通用 
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的 数据 库 接口 , 它 利 用 了 微软 的 ODBC 的 开放 性 ,只 要 本 地 机 装 有 ODBC 驱动 ,采用 
JDBC-ODBC 桥 驱 动 几乎 可 以 访问 所 有 的 数据 库 。 所 以 对 于 已 经 安 有 ODBC 驱动 的 客户 
端 ,这 种 方式 是 可 行 的 。 

(2) 本 地 API 驱动 

本 地 API 驱动 直接 把 JDBC 调用 转变 成 数据 库 标准 调用 ,然后 再 去 访问 数据 库 。 这 
种 方法 也 需要 本 地 数据 库 驱 动 程序 。 

(3) 网 络 协议 驱动 

使 用 一 段 纯 Java 代码 ,把 JDBC 调用 转换 成 目标 数据 库 网 络 协议 调用 。 

(4) 本 地 协议 驱动 

使 用 一 段 纯 Java 代码 ,把 JDBC 调用 转换 成 数据 库 本 地 协议 调用 。 


9.2.2 JDBC-ODBC 桥 


使 用 JDBC-ODBC 桥 连 接 访 问 数 据 库 , 先 要 建立 数据 源 (Data Source Name,DSN)， 
这 个 数据 源 对 应 一 个 数据 库 。 为 了 连接 到 数据 库 . 需 要 建立 一 个 JDBC-ODBC 桥接 器 ,也 
就 是 加 载 JDBC-ODBC 桥 驱 动 程序 。 

以 网 上 书店 的 bookshop 数据 库 为 例 , 说 明 如 何 利 用 JDBC-ODBC 桥 建立 数据 库 连 接 。 

一 个 数据 源 就 是 对 数据 库 的 一 个 命名 连接 。 数 据 源 有 3 种 : 用 户 数 据 源 、 系 统 数据 
源 和 文件 数据 源 。 用 户 数据 源 只 有 用 户 可 以 看 见 , 只 能 用 于 当前 机 器 中 。 系 统 数据 源 是 
允许 任何 具有 权限 的 用 户 都 可 以 访问 的 数据 源 。 文 件数 据 源 把 信息 存储 在 后 级 为 . dsn 
的 文本 文件 中 ,如 果 把 该 文件 放 在 网 络 共 享 目录 中 , 则 可 被 网 络 中 任何 一 台 工 作 站 访问 
到 。Web 应 用 程序 访问 数据 库 时 ,通常 是 建立 系统 数据 源 。 

以 下 为 建立 数据 源 的 操作 步骤 ,访问 的 数据 库 类 型 为 SQL Server, 连 接 的 数据 库 名 
是 bookshop ,数据 源 名 是 bookshoplk ,用 户 名 为 sa, 密 码 无 。 操 作 步 骤 如 下 : 

Q@ 打开 * 控 制 面板 一 管理 工具 一 数据 源 (ODBC)”, 选 择 “ 系 统 DSN” 选 项 卡 , 如 图 9-8 
所 示 。 


和 "10DBC 数据 源 管 理 器 
用 户 DSW 系统 DSN | 文件 DSN | 驱动 程序 | 跟踪 | 连接 池 | 关于 | 
系统 数据 源 全 ) : 


添加 四 ),，. 


配置 忆 ) 


7 


图 9-8 “ODBC 数据 源 管理 器 "对话 框 的 “系统 DSN” 选 项 卡 
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@ 单 击 “ 添 加 ”按钮 ,弹出 “创建 新 数据 源 ” 对 话 框 ,如 图 9-9 所 示 。 


选择 烙 想 为 其 安装 数据 源 的 驱动 程序 G)。 


tT 
Mi eet Text-Trelber Ge txt; # eev) 
ot, Tisodl 了 ea Deiver 

yi sual FoxPro-Treiber 


图 9-9 “创建 数据 源 " 对 话 框 


@ 选择 SQL Server, 单 击 “ 完 成 ”按钮 。 
@ 弹出 “创建 到 SQL Server 的 新 数据 源 " 窗 口 .在 名 称 文本 框 输入 数据 源 名 称 , 在 网 
上 书店 中 ,为 数据 源 起 名 为 bookshoplk。 在 服务 器 文本 框 输入 (local)。 单 击 “ 下 一 步 ” 按 
钮 ,如 图 9-10 所 示 。 
创建 到 SQL Server 的 新 数据 源 


此 向 导 格 帮助 建立 一 个 能 用 于 连接 SQL Server 的 0DBC 数据 源 。 
悠 想 用 什么 名 称 来 命名 数据 源 ? 


名 称 吧 :; [ookskoplx 


lS 修 项 望 如 何 描述 此 数据 源 ? 
和 撕 述 ): 「 


记过 rsw | mw 


图 9-10 “创建 到 SQL Server 的 新 数据 源 ” 对 话 框 


@ 在 弹出 的 窗口 中 ,选择 “使 用 用 户 输入 登录 ID 和 密码 的 SQL Server 验证 ” 单 选 按 
钮 ,在 “登录 ID” 和 “密码 ”文本 框 中 输入 对 bookshop 数据 库 有 存 取 权限 的 SQL Server 账 
号 和 密码 。( 用 户 也 可 以 不 选 “ 使 用 用 户 输入 登录 ID 和 密码 的 SQL Server 验证 ”,) 单 击 
“下 一 步 ? 按 钮 ,如 图 9-11 所 示 。 

@ 在 弹出 的 窗口 中 ,选择 "更 改 默 认 的 数据 库 为 ” 复 选 框 , 并 选择 bookshop 数据 库 ， 
单 击 “ 下 一 步 ” 按 钮 ,如 图 9-12 所 示 。 

@ 在 弹出 的 窗口 中 单 击 “ 完 成 ”按钮 。 

图 在 弹出 的 “ODBC Microsoft SQL Server 安装 ”窗口 中 单 击 “测试 数据 源 ” 按 钮 ,如 
图 9-13 所 示 。 
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创建 到 SQL Server 的 新 数据 源 
SQL Server 应 该 如 何 验 证 登录 ID 的 真 伪 ? 


个 使 用 网 络 登 录 I 的 Yindows 卫 验证 多。 
从 使 用 用 户 输入 登录 ID 和 密码 的 SQL Server 验证 (8)。 
要 更 改 用 于 与 SQL Server 通讯 的 网 络 库 ， 请 单 击 “ 客 户 请 配置 ” 


客户 端 配 置 TD)- 
人 连接 SQL Server 以 获得 其 它 配置 选项 的 默认 设置 CC)。 


登录 DD); [ss >= 
密码 到 ): 


《上 一步 @) [下 = 步 四 ] 取消 | 帮助 


图 9-11 选择 SQL Server 验证 登录 ID 方式 


创建 到 SQL Server 的 新 数据 源 


厂 Ps WwW: 


om | 而 
图 9-12 将 数据 源 对 应 的 默认 数据 库 改 为 bookshop 


@@ 弹出 “SQL Server ODBC 数据 源 测试 "窗口 ,如 果 对 话 框 提示 测试 成 功 , 表 示 DSN 
设置 正确 , 单 击 “ 确 定 ” 按 钮 ,完成 系统 DSN 的 建立 ,如 图 9-14 所 示 。 


ODBC 了 icrosoft SQL Server 安装 x| SQL Server 0DBC 数据 源 测试 


将 按 下 列 配 置 创建 新 的 0DBC 数据 源 : 
Mierosoft SQL Server 0DBC 驱动 程序 版 本 03.81. 9030 


图 9-13 “ODBC Microsoft SQL Server 安装 ”窗口 图 9-14 测试 成 功 
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9.2.3 JDBC 建立 数据 库 连 接 示 例 


使 用 JDBC 建立 数据 库 连 接 的 过 程 比较 繁杂 .本 书 先 举 例 说 明 连 接 是 如 何 进行 的 , 然 
后 总 结 出 它 的 几 个 工作 过 程 ,最 后 详细 讲解 各 个 过 程 的 工作 原理 和 细节 。 

本 书 使 用 JDBC-ODBC 桥 驱 动 程序 建立 与 数据 库 的 连接 。 

例 9.1 使 用 JSP 技术 查询 booktable 表 ( 见 图 9-15) 中 书号 是 ISBN 7-04-012301-0 
的 图 书 。 本 例 使 用 上 文生 成 的 bookshoplk 数据 源 , 通 过 JDBC-ODBC 桥 访 问 数据 库 。 


六 表 “booktable” 中 的 数据 ， 位 置 是 “bookshop” 中 、 cal wm 


beokid [bookmame 
TT c+ 程序 设计 
ISBN 7-302-06599-4 C+ 程序 设计 
ISBN 7-35769-925-256 。 Google 夫 案 从 入 门 博 通 
ISBN 7-5053-9656-3 。。 ASPaASP. NET 应 用 编程 150 例 
0。 西安 电子 科技 大 学 出 版 社 2003-1-1 
ISBN 7-5640-0139-9 。。 CPA 会计 [ 电子 工业 出 版 社 
ISBN 7-5640-0165-8 。 现代 汽车 动力 传动 装置 的 控制 技术 。 林学: 
ISBN 7-5640-0244-1 。。 火星 的 故事 元 刘 和 
4-021459-8 计算 机 应 用 基础 刘 婴 丽 


21-05285 。 计算 机 网 络 工程 与 实 训 教程 除 武 电子 工业 出 版 社 
302-12927-4 Web 程 序 设计 哟 )Robert Sebesta 清华 大 学 出 版 社 
302-15261-3 Web 技 术 Jeffrey C.Jackson 清华 大 学 出 版 社 

ISBN 976-7-900222-91-6 计算 机 网 络 谢 第 仁 电子 工业 出 版 社 


咏 留 加 咏 久 各 名 名 员 信 名 


图 9-15 booktable 表 


代码 ex9-01. jsp 清单 如 下 : 


ZH%@ page contentType="text/html; charset=GB2312”"%> 
<H%@ page import= "java. sql. *"%> 
=html> 
二 head 一 一 title 宇 JDBC 建立 数据 库 连 接 二 /title 二 
=/head> 
=body>=center> 
一 font size 二 5 color 二 blue 记 数据 查询 二 /font 二 二 hr 二 
=% 
// 加 载 驱动 程序 
Class. forName(”sun. jdbc. odbc. JdbcOdbcDriver ) ; 
// 建 立 连接 
Connection conn 一 DriverManager. getConnection( “jdbc:odbc:bookshoplk sa" ,”“); 
// 发 送 SQL 语句 
Statement stmt 一 conn. createStatement(); 
try{ 
// 建 立 ResultSet( 结 果 集 ) 对 象 
ResultSet rs; 
// 执 行 SQL 语句 
rs 一 stmt. executeQuery("SELECT * FROM booktable where bookid='ISBN 7-04-012301-0"); 
%> 
=table border=3> 
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< 一 tr bgcolor 一 silver 二 一 b 二 
一 td 二 bookid 一 /td 一 二 td 二 bookname 一 /td 二 一 td 一 author 一 /td 二 二 td 二 publisher 一 /td 二 
一 td 盖 pubdate 一 /td 一 td 一 price 一 /td 盖 一 td 盖 type 一 /td 一 td 二 quantity 一 /td 一 
</b><=/tr> 
=% 
// 利 用 while 循环 将 数据 表 中 的 记录 列 出 


while (rs. next()){ 


%> 
< 
=td> <%=rs. getString("bookid’) % 二 一 /td 一 
=td> =%=rs. getString( “bookname'") % 二 二 /td 一 
td> <%=rs. getString("author’) % 二 一 /td 二 
<td> <%=rs. getString("publisher ) % 二 一 /td 二 
<td> =%=rs. getString("pubdate’) % 二 一 /td 二 
<td> 一 昕 二 rs. getString( "price") % 二 一 /td 二 
< 一 td>> <=%=rs. getString(’type’) %>><=/td> 
=td> <%=rs. getString("quantity ) % 二 一 /td 二 
一 /tr 
=% 
} 
rs. close(); // 关 闭 ResultSet 对 象 


} 
catch(Exception e){ 


out. println(e. get Message()); 


} 


stmt. close(); // 关 闭 Statement 对 象 
conn. close(); // 关 闭 Connection 对 象 
%> 
=/table>=/center> 
=/body>=/html> 


代码 ex9-01. jsp 的 运行 结果 如 图 9-16 所 示 。 


本 JDBC 建 立 数据 库 连 控 - Hicrosoft Internet Explorer 
文件 下 ) 编辑) 查看 收 若 和 工具 CO) 帮助 00 


四 银 - 园 - 国 国 失 用 凡 坎 tax 对 wf 加 | 富 - 梧 国 局 和 


外 泪 右 ) | 四 http://127.0.0. 1:8080/ex_D09/ex9-01 jsp 


数据 查询 


[ISBN 7-04-012301-0 c++ 程序 设计 区 万 陵 次 等 教育 出 版 社 |2003-8-1 |29 | 计算 机 |100 


图 9-16 JDBC 建立 数据 库 连 接 
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9.2.4 JDBC 建立 数据 库 连 接 方法 详解 


1. JDBC 建立 数据 库 连 接 步骤 

通过 例 9. 1 可 以 得 出 ,JDBC 建立 数据 库 连 接 需要 经 过 以 下 几 个 步骤 : 
中 加 入 命令 行 : 

<%@ page import 一 "java. sql. *" 听 二 

@ 加 载 驱动 程序 : 

Class. forName("sun. jdbc. odbc. JdbcOdbcDriver') ; 

@ 建立 连接 : 


Connection conn= DriverManager. getConnection( “jdbc:odbc:bookshoplk" sa" ,”“); 


@ 发 送 SQL 语句 : 

Statement stmt= conn. createStatement(); 

加 建立 ResultSet( 结 果 集 ) 对 象 : 

ResultSet rs; 

@ 执行 SQL 语句 : 

rs 一 stmt. executeQuery("SELECT x* FROM booktable where bookid='ISBN 7-04-012301-0”); 


@ 关闭 对 象 : 


rs. close(); // 关 闭 ResultSet 对 象 
stmt. close(); // 关 闭 Statement 对 象 
conn. close(); // 关 闭 Connection 对 象 


2. JDBC 数据 库 连 接 步 又 详解 


(1) 加 入 命令 行 
所 有 与 数据 库 有 关 的 对 象 和 方法 都 在 java. sql 包 中 .所 以 在 使 用 JSP 访问 数据 库 的 
程序 中 必须 加 入 命令 行 : 


<%@ page import="java. sql. *”%> 


(2) 加 载 驱 动 程序 
使 用 JDBC-ODBC 桥 方 式 连 接 数据 库 , 必 须 先 加 载 JDBC-ODBC 桥 驱 动 程序 ,语句 如 下 : 


Class. forName(”sun. jdbc. odbc. JdbcOdbcDriver’) ; 


Class 是 包 java. lang 中 的 一 个 类 ,该 类 通过 调用 静态 方法 forName 建立 JDBC-ODBC 桥 
接 器 , 即 加 载 驱动 程序 。 
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由 于 加 载 驱动 程序 时 可 能 产生 异常 ,所 以 需要 异常 处 理 程序 段 。 


try{ ~ 
} 


catch(Exception e ){ 


>» 


(3) 建立 连接 
要 连接 一 个 数据 库 ,必须 创建 Connection 类 的 一 个 实例 ,语法 规则 如 下 : 


1 


Connection conn 二 DriverManager. getConnection (jdbc:odbec: 数 据 源 名 ，Loginname"“, Password ) ; 


调用 DriverManager. getConnection 方法 建立 与 数据 库 的 连接 ,该 方法 指定 了 数据 库 
的 位 置 . 用 户 名 和 用 户口 令 。DriverManager 类 位 于 JDBC 的 管理 层 , 作 用 在 用 户 和 驱动 
程序 之 间 。 它 跟踪 可 用 的 驱动 程序 ,并 在 数据 库 和 相应 的 驱动 程序 之 间 建 立 连接 。 数 据 
源 名 是 在 “控制 面板 一 管理 工具 一 数据 源 (ODBC) ”中 设置 的 数据 源 名 。“Loginname” 是 
用 户 名 “Password" 是 用 户口 令 。 如 果 在 数据 源 中 没有 设置 用 户 名 和 用 户口 令 ,连接 形 
式 如 下 ， 


Connection conn 一 DriverManager. getConnection(jdbc:odbc: 数 据 源 名 ,”“,”); 


一 且 DriverManager. getConnection 方法 找到 了 建立 连接 的 驱动 程序 和 数据 源 , 则 通 
过 用 户 名 和 口令 开始 与 DBMS 建立 连接 ,如 果 连 接 通过 ,连接 建立 完成 。 
(4) 发 送 SQL 语句 
JDBC 提供 了 3 个 类 向 数据 库 发 送 SQL 语句 : Statement、PrepareStatement 和 
CallableStatement。 
。 Statement 类 的 对 象 由 Connection 的 createStatement 方法 创建 ,用 于 发 送 不 带 参 
数 的 简单 SQL 语句 ,对 数据 库 进 行 具 体操 作 ,如 查询 、 修 改 等 。 在 执行 一 个 SQL 
查询 语句 前 ,必须 用 createStatement 方法 建立 一 个 Statement 类 的 对 象 。 例 如 : 


Connection conn= DriverManager. getConnection( “jdbc:odbc:bookshoplk' .sa".”“); 


Statement stmt= conn. createStatement() : 


。 PrepareStatement 类 的 对 象 由 Connection 的 PrepareStatement 方法 创建 , 它 用 来 
执行 带 或 不 带 IN 参数 的 预 编译 SQL 语句 。Statement 对 象 在 每 次 执行 SQL 语 
句 时 都 将 该 语句 发 送 给 数据 库 , 所 以 执行 效率 比较 低 。 而 PrepareStatement 对 象 
预 编译 过 ,所 以 执行 速度 比 Statement 快 。 因 而 多 次 执行 的 SQL 语句 常 被 创建 成 
PrepareStatement 对 象 。 例 如 : 


Connection conn= DriverManager. getConnection(”"jdbc:odbc:bookshoplk”.”sa”.”); 


PrepareStatement pstmt= conn. PrepareStatement("SELECT * FROM booktable') ; 


。 CallableStatement 类 的 对 象 由 Connection 的 PrepareCall 方法 创建 , 它 用 来 执行 
数据 库 已 存储 过 程 的 调用 。 例 如 : 
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Connection conn 一 DriverManager. getConnection(”jdbc:odbc:bookshoplk”,”sa’,”); 


CallableStatement cstmt 一 conn. PrepareCall ("{call getData(?.7)})"); 


其 中 ,getData 是 存储 过 的 过 程 名 ,“?” 表 示 : IN、.OUT 或 INOUT.。 

(5) 创建 结果 集 对 象 

一 旦 连接 到 数据 库 , 就 可 以 查询 数据 表 名 、 列 名 和 有 关 的 信息 ,并 且 可 以 运行 SQL 语 
名 对 数据 库 中 的 数据 进行 查询 、 添 加 、 更 新 和 删除 等 操作 。JDBC 提供 了 ResultSet、 
DatabaseMetaData 和 ResultSetMetaData 类 获取 数据 库 中 的 信息 。 

ResultSet 类 存放 查询 结果 ,并 通过 一 套 方法 提供 对 数据 的 访问 。 它 是 JDBC 中 很 重 
要 的 对 象 。ResultSet 包含 任意 数量 的 命名 列 , 可 以 按 名 字 访 问 这 些 列 ; 它 也 包含 一 或 多 
个 行 ,可 以 按 顺 序 自 上 而 下 地 逐一 访问 。 例 如 : 

Statement stmt= con. createStatement(); 
ResultSet rs; 
rs= stmt. executeQuery(’SELECT * FROM booktable where bookid='ISBN 7-04-012301-0"); 


当 建 立 一 个 ResultSet 类 对 象 时 , 它 指向 第 一 行 之 前 的 位 置 。ResultSet 对 象 常用 方 
法 如 下 。 

。 getInt(int) : 将 序号 为 int 的 列 的 内 容 作为 整数 返回 。 

。 getInt(CString) : 将 名 称 为 String 的 列 的 内 容 作 为 整数 返回 。 

。 getFloat(int) : 将 序号 为 int 的 列 的 内 容 作 为 一 个 float 型 数 返 回 。 

。 getFloat (String) : 将 名 称 为 String 的 列 的 内 容 作 为 float 型 数 返回 。 

。 getData(int) : 将 序号 为 int 的 列 的 内 容 作为 日 期 返回 。 

。 getData(String) : 将 名 称 为 String 的 列 的 内 容 作为 日 期 返回 。 

。 next() : 把 行 指针 移 到 下 一 行 .如 果 没 有 剩余 行 , 则 返回 false。 

。 close() : 关闭 结果 集 。 

。 getMetaData() : 返回 ResultSetMetaData 对 象 。 

ResultSetMetaData 类 实例 提供 ResultSet 中 列 的 名 称 `. 数目 和 类 型 信息 。 例 如 : 


ResultSet MetaData rsmd; 
rsmd= Results. get MetaData(); 


NumCols= rsmd. getColumnCount(); 


ResultSetMetaData 对 象 常用 方法 如 下 。 

。 getColumnCount(): 返回 ResultSet 中 的 列 数 。 

。 getColumnName(int): 返回 序号 为 int 的 列 名 。 

。 getColumnLabel(int): 返回 序号 为 int 列 暗含 的 标签 。 

。 isCurrency(Cint) : 如 果 此 列 包 含有 货币 单位 的 一 个 数字 , 则 返回 true。 

。 isReadOnly(Cint) : 如 果 此 列 是 只 读 , 则 返回 true。 

。 isAutoIncrement(Cint) : 如 果 此 列 自动 递增 , 则 返回 true。 
DatabaseMetaData 类 实例 提供 整个 数据 库 的 信息 ,如 : 表 名 、 表 的 索引 、 数 据 库 产品 

名 和 版 本 、 数 据 库 支 持 的 操作 等 。 
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例 9.2 代码 ex9-02. jsp 输出 booktable 表 中 各 列 的 名 称 。 代 码 创建 了 ResultSetMetaData 
对 象 rsmd, 并 使 用 getColumnCount() 和 getColumnName() 方 法 取得 booktable 表 中 的 
列 数 和 列 名 。 代 码 清单 如 下 : 


<%@ page contentType 一 "text/html; charset=GB2312”"%> 
=%@ page import 一 “java. sql. *"%> 


=html> 
一 head 二 一 title 二 输出 booktable 表 各 列 的 名 称 一 /title 一 
=/head> 
=body>=center> 
二 font size 一 4 color 一 blue 一 输出 booktable 表 各 列 的 名 称 二 /font 二 二 hr 一 一 br 一 
=% 
Class. forName(”sun. jdbc. odbc. JdbcOdbcDriver’) ; 
// 建 立 连接 


Connection conn= DriverManager. getConnection("jdbc:odbc:bookshoplk”,”sa”,”) 


// 发 送 SQL 语句 
Statement stmt= conn. createStatement(); 
ResultSet rs 一 stmt. executeQuery(”"SELECT * FROM booktable’) ; 
// 建 立 ResultSet 对 象 .并 执行 SQL 语句 
ResultSetMetaData rsmd 一 rs. getMetaData(); // 创 建 ResultSetMetaData 对 象 
% 二 <=p> 
记录 集中 共有 一 font size 一 4 color 一 red 二 
二 % 二 rsmd. getColumnCount() 2 二 一 /font 一 列 , 各 列 的 名 称 是 : 二 br 二 
二 font size 一 4 color=red> 


=<=% 
for(int i=1; i ==rsmd. getColumnCount(); i 十 十 ){ 
if(i==1) 
out. print(rsmd. getColumnName(i) ); 
else 


out. print(".“ 十 rsmd. getColumnName(Ci ); 
} 
rs. close(); // 关 闭 ResultSet 对 象 
stmt. close(); // 关 闭 Statement 对 象 
conn. close(); // 关 闭 数据 库 连 接 对 象 
%>=/font> 
=/body>=/html> 


代码 ex9-02. jsp 的 运行 结果 如 图 9-17 所 示 。 

(6) 执行 SQL 语句 

Statement 对 象 提 供 了 3 种 执行 SQL 语句 的 方法 : executeQuery、executeUpdate 
和 execute。 


。 executeQuery: 用 于 产生 单个 结果 集 的 语句 ,例如 select 语句 : 


rs 一 stmt. executeQuery("SELECT * FROM booktable') ; 
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i 文件 (E) 编辑 (E) 查看 (7) 收藏 &) 工具 (TI) 帮助 (8) 
地 址 (D) >| 狠 http://localhost:8080/ex_D09/ex9-02. jsp 


输出 booktable 表 各 列 的 名 称 


记录 集中 共有 8 列 ， 各 列 的 名 称 是 : 


bookid, bookname, author, publisher, pubdate, price, type, quantity 


图 9-17 输出 booktable 表 各 列 的 名 称 


。 executeUpdate: 用 来 执行 insert、update、delete 以 及 sqlddl( 数 据 定义 语句 )。 

。 execute: 用 来 返回 多 个 结果 集 、 多 个 更 新 计数 或 两 者 组 合 的 语句 。 

本 章 以 下 几 节 仍然 以 booktable 数据 表 为 例 , 学 习 对 数据 库 信息 的 选择 、 插 入 、 删 除 
和 更 新 操作 。 


9.3 查询 记录 


9.3.1 顺序 查询 


使 用 ResultSet( 结 果 集 ) 的 next() 方 法 顺序 输出 一 个 表 里 的 所 有 记录 。 

例 9.3 顺序 输出 数据 表 “ booktable” 中 的 所 有 记录 和 所 有 字段 。 使 用 代码 : 
"Select * From booktable” 从 booktable 数据 表 中 选择 所 有 的 记录 ,放置 在 rs 结果 集中 , 然 
后 使 用 rs. next() 方 法 将 结果 集中 的 数据 顺序 显示 出 来 。 

ex9-03.jsp 代码 清单 如 下 : 


HE@ page contentType 一 "text/html; charset=GB2312”"%> 
HU%@ page import 一 "java. sql. *"%> 
=html> 
到 head 二 到 title 二 顺序 查询 一 /title 
一 /head 一 
< 一 body 二 二 center 一 
一 font size 二 4 color 王 blue 二 顺序 输出 数据 表 “booktable" 中 包含 所 有 字段 的 所 有 记录 二 /font 二 一 hr 一 
=% 
Class. {forName(”sun. jdbc. odbc. JdbcOdbcDriver ) ; 
Connection conn= DriverManager. getConnection("jdbc:odbc:bookshoplk”.”sa”.”); 
Statement stmt= conn. createStatement(); 
try{ 
ResultSet rs; // 建 立 ResultSet( 结 果 集 ) 对 象 
rs 一 stmt. executeQuery("SELECT x FROM booktable”); // 执 行 SQL 语句 
%> 
=table border=3> 
< 一 tr bgcolor= silver>=b> 
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一 td 一 bookid 一 /td 二 一 td 盖 bookname 一 /td 一 td 二 author 一 /td 盖 一 td 一 publisher 一 /td 一 
一 td 二 pubdate 一 /td 二 一 td 二 price 一 /td 二 一 td 二 & nbsptype 一 /td 二 一 td 二 quantity 一 /td 二 
< 
=% 
// 利 用 while 循环 将 数据 表 中 的 记录 列 出 
while (rs. next())!{ 
%> 
er 
<td>=%=rs. getString(”bookid"’) % 二 一 /td 一 
=td>=%=rs. getString(’bookname’) %>=/td> 
td>=%=rs. getString("author’) %>=/td> 
td>=%=rs. getString("publisher ) %>=/td> 
<td>=%=rs. getString("pubdate’) %>=/td> 
<td>=%=rs. getString("price’) %>=/td> 
<td>=%=rs. getString(’type’ ) %>=/td> 
<td>=%=rs. getString("guantity’ ) % 二 一 /td 二 
一 /tr 
=% 
} 
rs. close(); // 关 闭 ResultSet 对 象 


catch(Exception e)!{ 

out. println(e. getMessage( )); 

} 

stmt. close(); // 关 闭 Statement 对 象 

conn. close(); // 关 闭 Connection 对 象 
%> 
=/table><=/center> 
=/body>=/html> 


代码 ex9-03. jsp 在 浏览 器 中 的 显示 效果 如 图 9-18 所 示 ,顺序 输出 了 booktable 表 中 


ET - Microsoft Internet Explorer 
i 文件 (E) 编辑 (E) 查看 (W) 收藏 (8) 工具 (TD) 帮助 (8) 
地 址 二 ) ~| 简 http://localhost:8080/ex_D09/ex9-03. jsp 所 殴 入 中 文 ， 直 掺 搜索 国 | 


顺序 输出 数据 表 ”booktable” 中 包含 所 有 字段 的 所 有 记录 
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0 CE 区 主要 E223 
[Es 再 学 革 卫生 大学 则 版 社 
Es IT 
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0 [| 半 夏 机 同 千 工程 与 天 得 各 3 作 地 工 委 由 折 社 
EE EE 
Er eer ceo= 。 隔 本 大 部 由 版 社 
| 0222-91-6 [计生 所 况 区 EE [让 二 工 本 碍 质 福 


司 司 司 司 司 司 司 司 避 司 避 避 


图 9-18 ”顺序 输出 了 “booktable” 表 中 的 所 有 记录 和 字段 
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的 所 有 记录 和 字段 。 


9.3.2 参数 查询 


数据 筛选 是 指 按 条 件 从 数据 库 中 选 出 符合 
条 件 的 所 有 记录 ,由 where 子 句 指定 选择 记录 【| 文件 包 、 编 缉 (E) 查看 (站 
时 要 满足 的 条 件 。 地 址 D) “| 图 Ihost:8080/ex_D09/ex9-0d.htm 国 

例 9.4 

Qz 任务 要 求 : 在 ex9-04. html 界面 输入 查 
询 条 件 ( 见 图 9-19) ,如 出 版 社 的 名 称 , 输 入 的 名 
称 提交 给 ex9-04. jsp 处 理 , 输 出 数据 表 


“booktable” 中 符合 查询 条 件 的 图 书 。 其 关键 
查询 语句 为 ， 图 9-19 参数 查询 界面 


请 输入 出 版 社 名称 ，|[ 清 华 大 学 出 版 社 


mm mm 


"Select * From booktable where publisher 一 


@) ex9-04. html 代码 清单 如 下 : 


二 html 二 一 head 一 
一 title 二 参数 查询 应 用 案例 二 /title 二 
=/head> 
=body>=center> 
到 font size 一 4 color 一 blue 二 图 书 查询 二 /font 二 一 /center 二 二 hr 一 
一 form method 一 “post” action 一 “ex9-04. jsp' 二 一 font color= green> 
请 输入 出 版 社 名 称 : 二 input type 一 text name 一 "pubname” size 一 20 maxlength 一 20 二 一 p 二 
一 input type 一 submit value 二 "提交 ”二 


十 publishername 十 


一 input type 二 reset value 一 "清除 "一 
=/form>= /font> 
=/body>=/html> 


@ ex9-04.jsp 代码 清单 如 下 : 


HE@ page contentType= "text/html; charset=GB2312”"%> 

<%@ page import="java. sql. *”%> 

=html> 

二 head 二 一 title 一 选择 查询 二 /title 二 

=/head> 

=body>=center> 

一 % request. setCharacterEncoding("GB2312”) ; 
String publishername= request. getParameter("pubname') ; 
ifCpublishername 一 一 null){ 


mm 
publishername 一 “; 
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一 font size 一 4 color 一 blue 二 输出 数据 表 booktable 中 一 吧 王 publishername% 二 的 记录 一 /font 盖 一 hr 一 
=% 

Class. forName(”sun. jdbc. odbc. JdbcOdbcDriver ) ; 

Connection conn 一 DriverManager. getConnection( “jdbc:odbc:bookshoplk" .sa".”); 


Statement stmt 一 conn. createStatement(); 


try{ 
ResultSet rs; // 建 立 ResultSet( 结 果 集 ) 对 象 
rs=stmt. executeQuery("Select * From booktable where publisher 一 “十 publishername 十 "“)， 
// 执 行 SQL 语句 
%> 


=table border=3> 
< 一 tr bgcolor= silver>—b> 
二 td 字 bookid 一 /td 二 二 td 二 bookname 一 /td 二 二 td 二 author 一 /td 二 二 td 二 publisher 一 /td 一 
一 td 一 pubdate 一 /td 二 二 td 二 price 一 /td 二 二 td 二 & nbsptype 一 /td 二 二 td 二 quantity 一 /td 二 
一 /tr 
=% 
// 利 用 while 循环 将 数据 表 中 的 记录 列 出 


while (rs. next())! 


%> 
< 一 tr 一 
=td> =%=rs. getString("bookid") % 二 一 /td 二 
=td> =%=rs. getString("bookname') % 二 一 /td 一 
<td> <%=rs. getString( “author ) %>></td> 
一 td 二 一 昕 一 rs. getString("publisher ) % 二 一 /td 二 
<td> =%=rs. getString("pubdate") %% 二 一 /td 一 
<td> =%=rs. getString("price") % 二 一 /td 二 
=td> =%=rs. getString(’type’ ) % 二 一 /td 二 
=td> 一 昕 一 rs. getString("quantity’ ) % 二 一 /td 二 
一 /tr 一 
=% 
} 
rs. close(); // 关 闭 ResultSet 对 象 


catch(Exception e)!{ 
out. println(e. getMessage()); 


} 


stmt. close(); // 关 闭 Statement 对 象 
conn. close(); // 关 闭 Connection 对 象 
%> 
=/table>=/center> 
=/body>=/html> 


@ 代码 ex9-04. jsp 在 浏览 器 中 的 显示 效果 如 图 9-20 所 示 。 
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各 选择 查询 - Microsoft Intcrnct Exzplorc 
| 文件 全 ) ”编辑 (E) 查看 WD 收藏 地) 工具 (ID 帮助 四 


地 址 二 ) ~| 手 http://localhost:8080/ex_D09/ex9-04. jsp 


输出 数据 表 booktable 中 清华 大 学 出 版 社 的 记录 


ISBN 7-5640-0165-8 ”网 代 汽 车 动力 传动 装置 的 控制 技术 条 学 东 捕 华 大 学 出 版 社 |2004-7-27 
[SBN 978-7-302-12927-4 Web 程 序 设计 ( 美 )Robert W. 5ebesta 靖 华 大 学 出 版 社 [2006-8-1 
TSBN 978-7-302-15261-3 Reb 技术 [effrey C.Jackson ”了 晴 华 大 学 由 版 社 [2007-6-1 


图 9-20 查询 某 出 版 社 出 版 的 图 书 


9.3.3 模糊 查询 


使 用 like 语句 和 通配符 进行 模糊 查询 。 在 模糊 查询 中 使 用 通配符 “%% ”代表 任意 多 个 
字符 ,” ”代表 任意 一 个 字符 。 

例 9.5 

@ 任务 要 求 : 在 界面 (ex9-05. html) 中 输入 书 名 中 的 部 分 词汇 ,输入 的 内 容 提 交 给 
ex9-05.jsp 处 理 , 输 出 数据 表 “booktable” 中 所 有 包含 该 词汇 图 书 的 书 名 。 其 关键 查询 语 
名 为 : 


"Select * From booktable where bookname like” %" 二 b_name+"%" 


表示 查询 书 名 中 包含 有 b_name 中 内 容 的 图 书 。 
@ 代码 ex9-05. html 清单 如 下 : 


一 html 二 一 head 二 
<title 一 模糊 查询 应 用 案例 二 /title 一 
=/head> 
=body>=center> 
一 font size 一 4 color 一 blue 二 模糊 查询 一 /font 二 二 /center 二 二 hr 二 
一 form method 一 "post” action 一 “ex9-05. jsp' 一 一 font color 一 green 二 
书 名 : 一 input type 一 text name 一 "bookname” size 一 20 ”maxlength 一 20 二 一 br 一 
注 : 可 以 输入 部 分 词汇 二 br 二 
一 input type 二 submit value 二 "提交 ”二 
一 input type 二 reset value 二 "清除 二 
=/form>=/font> 
=/body>=/html> 


@ 代码 ex9-05. jsp 清单 如 下 : 


=%@ page contentType= "text/html; charset=GB2312”"%> 
<H%@ page import="java. sql. *”%> 

=html> 

去 head 到 title 一 模糊 查询 一 /title 一 

=/head> 
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< 一 body 一 一 center 一 
Wrequest. setCharacterEncoding("GB2312”) ; 

String b_name=request. getParameter( "bookname'") ; 

ifC(b_name 一 一 null){ 

b_name 一 ”; 

上 
%> 
一 font size 一 4 color 一 blue 二 输出 与 一 % 王 b_name% 二 有 关 的 图 书 二 /font 二 一 hr 二 
=% 

Class. forName(”sun. jdbc. odbc. JdbcOdbcDriver ) ; 


Connection conn= DriverManager. getConnection("jdbc:odbc:bookshoplk”,”sa”,”); 


Statement stmt= conn. createStatement(); 
try{ 
ResultSet rs; // 建 立 ResultSet( 结 果 集 ) 对 象 
rs=stmt. executeQuery( ”Select * From booktable where bookname like '%" 二 b_namet+"”%"); 
// 执 行 SQL 语句 
%> 
=table border=3> 
< 一 tr bgcolor= silver>=b> 
一 td 二 bookid 一 /td 二 二 td 二 bookname 一 /td 二 一 td 二 author 一 /td 二 二 td 二 publisher 一 /td 一 
一 td 二 pubdate 一 /td 二 一 td 二 price 一 /td 二 一 td 二 & nbsptype 一 /td 二 一 td 二 quantity 一 /td 二 
一 /tr 
<=% 
// 利 用 while 循环 将 数据 表 中 的 记录 列 出 
while (rs. next())!{ 
»%> 
< 
<td>=%=rs. getString(”bookid’) % 二 一 /td 一 
=td>=%=rs. getString("bookname') %% 二 一 /td 二 
<td>=%=rs. getString("author’) %>=/td> 
=td>=%=rs. getString("publisher ) %>=/td> 
=td>=%=rs. getString(’pubdate’) %>=/td> 
=td>=%=rs. getString(’price’) % 二 一 /td 二 
<td>=%=rs. getString(’type’) %>>=/td> 
<td>=%=rs. getString("quantity ) %>=/td> 
一 /tr 一 
<% 
} 
rs. close();  // 关 闭 ResultSet 对 象 


catch(Exception e){ 
out. println(e. getMessage()); 


} 

stmt. close();  // 关 闭 Statement 对 象 

conn. close(); ”// 关 闭 Connection 对 象 
%> 
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=/table>=/center> 
=/body>=/html> 


@ 在 浏览 器 中 的 显示 效果 如 图 9-21 所 示 。 


马 模 糊 查询 - Microsoft Internet Explorer 
二 文件 (E) 如 和 E) 查看 人 收 世 ) 工具 (ID 帮助) 
= 地 址 (D) -| 图 http://localhost:8080/ex_D09/ex9-05. jsp 


输出 与 CH+ 有 关 的 图 书 


bookid bookname author publisher pubdate 

[ISBN 7-04-012301-0 CH 程序 设计 。”| 吴 乃 陵 高 等 教育 出 版 社 |2003-8-1 |29. 5 | 计算 机 100 
[ISBN 7-111-08318-0 C++ 程序 设计 教程 骂 和 莉 ”机械 工业 出 版 社 |2003-2-1|28 ”| 计算 机 |100 
[ISBN 7-302-08599-4 C++ 程序 设计 谭 浩 强 耳 华 大 学 出 版 社 [2004-6-1 计算 机 1100 


9.3.4 范围 查询 


范围 查询 是 查找 值 在 数据 表 中 某 一 范围 内 的 数据 。 

例 9.6 

@ 任务 要 求 : 输出 数据 表 booktable 中 某 段 时 间 内 出 版 的 图 书 。 在 界面 (ex9-06. html， 
见 图 9-22) 中 输入 查询 的 开始 日 期 和 截止 日 sp 

a 马 范 围 查询 应 用 案例 - Micro... 

期 ,提交 给 ex9-06. jsp 处 理 , 输出 数据 表 上 文件 编辑 (E) 查看 (o) 收藏 (8) 工具 (I) 
booktable 中 该 时 间 段 出 版 的 图 书 。 其 关键 查 地址 (D) “| 久 :lhost:8080/ex_D09/ex9-06.htn1 国 | 
询 语 句 为 : 根据 出 版 日 期 查询 图 书 


“Select * From booktable where pubdate between 查询 在 [2007-6-1 2008-6-1 ”| 之 间 出 版 的 图 书 
“十 s_pubdate 十 ”and ”十 e_pubdate 十 ”” 


其 中 s_pubdate 为 起 始 日 期 ,e_pubdate 为 截 
止 日 期 。 图 9.22 范围 查询 
@) 代码 ex9-06. html 清单 如 下 : 


=html>=head> 
< 一 title 二 范围 查询 应 用 案例 二 /title 一 
一 /head 一 
< 一 body 二 二 center 二 
一 font size 一 4 color 一 blue 二 根据 出 版 日 期 查询 图 书 一 /font 二 一 /center 二 一 hr 二 
一 form method 一 "post” action 一 "ex9-06. jsp’> =font color= green> 


查询 在 一 input type 一 text name 二 "starpubdate” size 一 10 maxlength 一 10 二 
和 一 input type 一 text name 一 “endpubdate” size 一 10 ”maxlength 一 10 二 之 间 出 版 的 图 书 一 pb 二 
一 input type 一 submit value 一 "提交 "一 
一 input type 一 reset value 一 "清除 "全 
一 /form 二 二 /font 一 
=/body>=/html> 
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@@ 代码 ex9-06. jsp 清单 如 下 : 


WH%@ page contentType 一 "text/html; charset=GB2312”"%> 
=%@ page import 一 "java. sql. *”%> 
=html> 
一 head 二 一 title 二 范围 查询 一 /title 二 
=/head> 
=body>=center> 
Wrequest. setCharacterEncoding("GB2312”); 
String s_pubdate= request. getParameter("starpubdate’); 
if(s_pubdate= = nulD){ 
s_pubdate=”; 
} 
String e_pubdate=request. getParameter("endpubdate”); 
if(e_pubdate= =nulD'! 


e_pubdate="; 


} 
%> 
二 font size 一 4 color 一 blue 二 在 一 名 一 s_pubdate% 二 和 二 名 二 e_pubdate%% 二 之 间 出 版 的 图 书 
</font><=hr> 
=% 
Class. {orName(”sun. jdbc. odbc. JdbcOdbcDriver ); 
Connection conn= DriverManager. getConnection("jdbc:odbc:bookshoplk" .sa ,”); 
Statement stmt= conn. createStatement(); 
try! 
ResultSet rs; // 建 立 ResultSet( 结 果 集 ) 对 象 
rs 一 Stmt. executeQuery("Select * From booktable where pubdate 
between “十 s_pubdate 十 ”and “十 e_pubdate 十 ””); 
// 执 行 SQL 语句 
%> 
=table border=3> 
一 tr bgcolor= silver>=—b> 
=td>bookid=/td>=td> bookname= /td>=td>author=< /td>=td> publisher= /td> 
一 td 二 pubdate 一 /td 二 一 td 二 price 一 /td 二 二 td 二 &nbsptype 一 /td 二 一 td 二 quantity 一 /td 二 
< 到 [tr 
<% 
// 利 用 while 循环 将 数据 表 中 的 记录 列 出 


while (rs. next()){ 


%> 
二 tr 一 
=td>=%=rs. getString("bookid’) %% 二 一 /td 一 
=td>=%=rs. getString(’bookname’) % 二 一 /td 一 


=td>=%=rs. getString("author’) % 二 一 /td 二 
=td>=%=rs. getString("publisher) % 二 一 /td 一 
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< 一 td 全 一 中 一 rs. getString(’pubdate’) % 二 一 /td 一 
<td>=%=rs. getString("price") % 二 一 /td 
<td><%=rs. getString("type ) %><=/td> 
=td>=%=rs. getString("qguantity ) %>=/td> 

< 

=% 
} 
rs. close(); // 关 闭 ResultSet 对 象 


catch(Exception e){ 

out. println(e. get Message()); 

} 

stmt. close(); // 关 闭 Statement 对 象 

conn. close(); ”// 关 闭 Connection 对 象 
%> 
=/table><=/center> 
=/body>=/html> 


@ 代码 ex9-06.jsp 在 浏览 器 中 的 显示 效果 如 图 9-23 所 示 。 


也 范围 查询 - Microsoft Internet Explorer 
文件 (E) 编辑 (E) 查看 (了 收藏 (6) 工具 (D) 帮助 B) 


地 址 (Dp) “| 多 http://localhozt:8080/cx_D09/cx9-06. jsp <《€ 区 和 中 


在 2007-6-1 和 2008-6-1 之 间 出 版 的 图 书 
bookid boname author publisher pubdate price type quantity 
ISBN 978-7-04-021459-8 [计算 机 应 用 基础 出 艳丽 高 等 教育 出 版 社 [2007-6-1 |29. 5 | 计算 机 [100 
ISBN 978-7-121-05285 ”| 计算 和 机 网 络 工程 与 实 训 教程 徐 式 电子 工业 出 版 社 |2008-1-1 [28 ”| 计算 机 [100 
ISBN 978-7-302-15261-3 网 eb 技术 [effrey 5. Jackson 哺 华 大 学 出 版 社 2007-6-1 |59 ”| 计算 机 [100 
ISBN 978-7-900222-91-6 [计算 机 网 络 讲 斋 三 电子 工业 出 版 社 2008-2-1 |29 ”| 计算 机 |200 


由 TERRY 


图 9-23 输出 在 2007-6-1 到 2008-6-1 之 间 出 版 的 图 书 


9.3.5 复合 条 件 查 询 


复合 条 件 查 询 是 多 个 查询 条 件 的 查询 。 

例 9.7 

中 任务 要 求 : 输出 数据 表 booktable 中 某 信人 人 ECE 生 帮办 忆 限 人， 工具 (TD 
个 类 别 、 某 时 间 后 出 版 的 图 书 。 在 界 上 图 host:8080/ex_D09/ex9-07.htm 国 
面 (ex9-07. html, 见 图 9-24) 中 输入 类 别 和 日 
期 ,提交 给 ex9-07. jsp 处 理 , 输 出 符合 查询 条 
件 的 图 书 。 其 关键 查询 语句 为 : 让 人 

”Select * From booktable where type 一 “十 b_ 2 

typename 十 ”and pubdate> 二 ”十 e_pubdate 十 ”” 


@ 代码 ex9-07. html 清单 如 下 : 图 9-24 复合 条 件 查询 


| 曲 本 地 Intranet 
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二 html 二 二 head 一 
二 title 二 复合 查询 应 用 案例 二 /title 二 
=/head> 
=body>=center> 
一 font size 一 4 color 一 blue 二 根据 类 别 和 出 版 日 期 查询 图 书 一 /font 一 二 /center 二 一 hr 二 
一 form method 一 "post” action 一 “ex9-07. jsp" 一 一 font color 一 green 一 
查询 一 input type 一 text name 一 "typename”size 一 10 maxlength 一 10 二 类 
一 input type 一 text name 二 ”endpubdate” size 一 10 ”maxlength 一 10 二 之 后 出 版 的 图 书 一 p 二 
一 input type 一 submit value 一 "提交 "一 
一 input type 一 reset value 二 "清除 ”二 
=/form>=/font> 
=/body>=/html> 


@ 代码 ex9-07. jsp 清单 如 下 : 


<%@ page contentType= "text/html; charset=GB2312”"%> 
TH%@ page import="java. sql. *”"%> 
=html> 
二 head 二 二 title 二 复合 查询 二 /title 二 
</head> 
=body>=center> 
Wrequest. setCharacterEncoding(”"GB2312"”); 
String b_typename= request. getParameter(’typename’); 
if(b_typename 一 一 null){ 
b_typename 一 ”“; 
} 
String e_pubdate= request. getParameter("endpubdate’); 
if(e_pubdate= =nulD)! 
e_pubdate="; 
%> 
一 font size 一 4 color 二 blue 二 查询 二 % 二 b_typename% 记 类 在 二 %= 二 e_pubdate% 后 出 版 的 图 书 
=</font>=hr> 
<% 
Class. forName(”sun. jdbc. odbc. JdbcOdbcDriver ) ; 
Connection conn= DriverManager. getConnection(”"jdbc:odbc: bookshoplk’”,”sa”,”); 
Statement stmt= conn. createStatement(); 
try{ 
ResultSet rs; // 建 立 ResultSet( 结 果 集 ) 对 象 
Ts 一 stmt. executeQuery("Select * From booktable where 
type= 十 b_typename 十 ” and pubdate 二 一 “十 e_pubdate 十 "“); 
// 执 行 SQL 语句 
%> 
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=table border=3> 
< 一 tr bgcolor 一 silver 二 一 b 二 
一 td 盖 bookid 一 /td 一 td 二 bookname 一 /td 一 一 td 一 author 一 /td 盖 一 td 一 publisher 一 /td 二 
二 td 一 pubdate 一 /td 一 td 一 price 一 /td 一 二 td 全 & nbsptype 一 /td 全 一 td 一 quantity 一 /td 一 
二 je 
<=% 
// 利 用 while 循环 将 数据 表 中 的 记录 列 出 
while (rs. next()){ 
%> 
> 
=td>=%=rs. getString("bookid") %>=/td> 
td>=%=rs. getString(”"bookname’) %>=/td> 
td>=%=rs. getString("author) %>=/td> 
=td>=%=rs. getString("publisher ) %>=/td> 
=td>=%=rs. getString("pubdate’) %>=/td> 
<td>=%=rs. getString(’price) %><=/td> 
<td>=%=rs. getString(’type’) %>=/td> 
td>=%=rs. getString("quantity ) %>=/td> 
</tr> 
=% 
} 
rs. close(); // 关 闭 ResultSet 对 象 


catch(Exception e){ 
out. println(e. getMessage()); 


1 
1 


stmt. close(); // 关 闭 Statement 对 象 
conn. close(); // 关 闭 Connection 对 象 
%> 
=/table><=/center> 
=/body>=/html> 


@ 代码 ex9-07.jsp 在 浏览 器 中 的 显示 效果 如 图 9-25 所 示 。 


EP - Microsoft Internet Explorer 同 回 问 
i 文件 下 ) 编辑 (E) 查看 (W) 收藏 (8) 工具 (TD) 帮助 (B) 
和 罩 http://localhost:8080/ex_D09/ex9-07. jsp 所 铺 入 中 文 ,直接 搜索 国 | 


查询 计算 机 类 在 2008-1-1 后 出 版 的 图 书 


bodmane 
1-05285 “| 计算 机 网 络 工程 与 实 训 教程 徐 武 。 | 电子 工业 出 版 社 [2008 
0222-91-6 | 计算 机 网 络 后 希 仁 | 电子 工业 出 版 社 [2008-2-1 


图 9-25 输出 2008-1-1 以 后 出 版 的 计算 机 类 图 书 
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9.3.6 排序 查询 


在 SQL 语句 中 应 用 Order By 子 语句 ,对 查询 结果 记录 进行 排序 。 

例 9.8 

@ 任务 要 求 : 在 界面 (ex9-08. html, 见 图 9-26) 选 择 排 序 项 目 , 提 交 给 ex9-08. jsp 处 
理 , 根 据 用 户 要 求 排序 输出 图 书 。 甚 关键 查询 语句 为 : 


"Select * From booktable Order By "十 s_rname 十 ” 


文件 @) 编辑 EE) 查看 QD) 收 疗 4) 工具 区 ) 帮助 0D 


扣 - 日 - 国 国 内 记 归 站 bx 夺 闪 


排序 查询 


加 
@ 按 出 版 日 期 排序 @ 接 书号 排序 @ 按 价格 排序 | 


图 9-26 选择 排序 方式 


表示 取出 booktable 表 中 的 所 有 数据 ,并 按 s_rname 所 指明 的 字段 排序 。s_rname 是 用 户 
选择 的 排序 字段 。 
@ 代码 ex9-08. html 清单 如 下 : 


二 html 二 二 head 二 
二 title 二 排序 查询 应 用 案例 二 /title 二 
=/head> 
=body>=center> 
一 font size 一 4 color 二 blue 记 排序 查询 二 /font 二 /center> 二 hr 请 
一 form method 一 "post” action 一 “ex9-08. jsp’> =font color= green> 
二 input type 一 radio name 一 "rname” value 一 "pubdate"”checked 二 按 出 版 日 期 排序 
一 input type 二 radio name 一 "rname” value 一 “bookid'" 盖 按 书 号 排序 
一 input type 一 radio name 二 ”rname” value 一 "price' 二 按 价格 排序 一 p 二 
一 input type 一 submit value 二 "提交 ”二 
一 input type 一 reset value 一 "清除 "一 
一 /form 二 二 /font 一 
=/body>=/html> 


@ 代码 ex9-08. jsp 清单 如 下 : 


HE@ page contentType= "text/html; charset=GB2312”"%> 
HU%@ page import="java. sql. *"%> 
=html> 
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过 head> 开 title 盖 排序 查询 二 /title 一 
一 /head 一 
< 一 body 一 一 center 一 
一 %request. setCharacterEncoding("GB2312") ; 
String ， s_rname 一 request. getParameter(C rname'"); 
ifCs_rname 一 一 null){ 
sS_rname 一 和 
} 
%> 
一 font size 一 4 color 一 blue 二 按 一 % 一 s_rname% 二 排序 二 /font 一 一 hr 一 
<=% 
Class. forName(”sun. jdbc. odbc. JdbcOdbcDriver ) ; 
Connection conn= DriverManager. getConnection("jdbc:odbc:bookshoplk”,”sa”,”); 
Statement stmt= conn. createStatement(); 
try{ 
ResultSet rs; // 建 立 ResultSet( 结 果 集 ) 对 象 
rs= stmt. executeQuery("Select * From booktable Order By "++s_rname++"”Desc’); 
// 执 行 SQL 语句 
%> 
=table border 一 3 二 
< 一 tr bgcolor= silver>=b> 
一 td 二 bookid 一 /td 二 二 td 二 bookname 一 /td 二 二 td 二 author 一 /td 二 二 td 二 publisher 一 /td 一 
一 td 二 pubdate 一 /td 二 一 td 二 price 一 /td 二 一 td 二 & nbsptype 一 /td 二 一 td 二 quantity 一 /td 二 
/tr 
<% 
// 利 用 while 循环 将 数据 表 中 的 记录 列 出 
while (rs. next())! 
%> 
< 到 tr 一 
=td>=%=rs. getString("bookid") % 二 一 /td 一 
一 td 全 一 中 一 rs.getString("bookname'") % 二 一 /td 二 
=td>=%=rs. getString("author’) %>=/td> 
<td>=%=rs. getString("publisher’ ) %>=/td> 
<td>=%=rs. getString("pubdate’) % 二 一 /td 一 
=td>=%=rs. getString("price") %>=/td> 
=td>=%=rs. getString(’type’) %>=/td> 
=td>=%=rs. getString(’quantity’ ) % 二 一 /td 二 
一 /tr 一 
<=% 
} 
rs. close(); // 关 闭 ResultSet 对 象 


catch(Exception e){ 
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out. println(e. get Message()); 
} 
stmt. close(); // 关 闭 Statement 对 象 
conn. close(); // 关 闭 Connection 对 象 
%> 
=/table>=/center> 
=/body>=/html> 


@ 代码 ex9-08.jsp 在 浏览 器 中 的 显示 效果 如 图 9-27 所 示 ,图 书 按 用 户 要 求 的 “出 版 
日 期 "降序 排序 。 


oft Internet Explorer 
Tr 编辑 (E) Er NE 入 助人 DD 
(D) “| 杷 http://localhost:8080/ex_Do9/ex9-08. jsp 


按 pubdate 排 序 


ISBN 979-7-900222-91-6 | 计算 机 网 强 财 系 人 看 子 工业 出 碌 社 [2008-2-1 [29 计算 机 [200 
ISBN 978-7-121-05285 [计算 机 网 络 工程 与 实 训 者 程 际 起 卫 子 工业 出 版 社 [2008-1-1 [28 计算 机 [100 
持 章 机 应 用 基础 民 隔 丽 页 等 教育 出 版 社 [2007-6-1 [29.5“ 半 算 机 [100 
Feb 技术 [effrey C.Jackson 。 随 华 大 学 出 版 社 半 算 机 [100 
web 程序 设计 | 借 )Robert 5ebesta 哺 华 大 学 出 版 社 计算 机 [100 
[TSEN 7-35789-925-256 ”oogle 搜 索 从 入 门 到 精通 亿 子 工业 出 版 社 陡 算 机 [150 
ISEN 7-5640-0165-8 ”下 代 汽车 动力 传动 装置 的 控制 技术 [林学 捕 盏 天 学 出 版 社 两 碟 “|150 
ISBN 7-302-08599-4 ” ”|C++ 程 序 设计 | 隧 罕 天 学 出 服 社 [2004-6-1 计算 机 [100 
ISBN 7-5053-9856-3 ”|ASP&ASP. NET 应 用 编程 150 例 | 电子 工业 出 版 社 2004-5-1 | 计算 机 |200 
ISEN 7-5640-0244-1 | 只 ] 帕 村 至 克 . 摩尔 人民 闻 电 出 版 社 2004-5-1 HT 说 [100 
ISEN 7-04-012301-0 LE [ 卫 等 款 育 出 县 社 -i .5 “计算 机 [100 

5 40-0139-9 |CPA 会 f 民 见 子 工业 出 版 社 20 BB 莉 六 [100 
-+ 程序 摧 梳 工 业 出 版 社 区 时 若 机 [100 


一 
[Eeerner7 EYEaNSC 后 用 王 丙 页 制作 实 而 区 条 区 月 贡 


图 9-27 按 出 版 日 期 输出 图 书记 录 


9.4 添加 记录 


1. 使 用 SQL 语句 添加 新 记录 


使 用 SQL 语句 在 数据 库 表 中 添加 新 记录 。 

例 9.9 管理 员 在 界面 (ex9-09. html, 见 图 9-28) 输 入 需要 添加 到 数据 库 新 书 的 数 
据 , 并 把 这 些 数据 提交 给 ex9-09. jsp 处 理 。 在 ex9-09. jsp 中 用 SQL 的 Insert 命令 向 
booktable 数据 表 插 入 一 条 新 的 图 书记 录 ,并 显示 新 添加 的 记录 。 其 关键 语句 为 ， 


Insert Into booktable(bookid.bookname.,author,publisher.pubdate.price,type,quantity) 
Values(“ 十 s_bkid 十 ”",“ 十 s_bkname 十 ”“,.“" 十 s_authorname 十 “.“ 十 s_bkpublisher 十 “, 
"十 s_bkpubdate 十 ,十 s_bkprice 十 ,十 s_bktype 十 ,十 s_bkquantity 十 ")”; 
语句 将 在 booktable 表 中 插入 一 条 记录 ,其 中 bookid 字段 的 值 为 s_bkid 项 的 值 ， 
bookname 的 值 为 s_bkname 项 的 值 ,其 余 类 推 。 
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委 生 加 记录 应 用 案例 - Microsoft Intern--- 


i 文件 (E) 编辑 伍 ) 查看 (WD 收藏 地 工具 (DD) 帮助 (了 


地 址 (D) 罩 http://localhost:8080/ex_D09/ex9-09. html ~ 


向 数据 库 添加 新 记录 


:[TSBN 7-302-11707-1 :|Web 技 术 应 用 基础 
:| 次 月 华 :| 清华 大 学 出 版 社 
2006-1-1 :[35 

计算 机 


图 9-28 添加 新 记录 


2. ex9-09. html 代码 清单 


二 html 二 二 head 一 
二 title 二 添加 记录 应 用 案例 二 /title 二 
=/head> 
body>=center> 
二 font size 一 4 color 一 blue 二 向 数据 库 添 加 新 记录 二 /font 二 二 /center 二 二 hr 一 


一 form method 一 “post” action 一 “ex9-09. jsp’>=font color= green> 


书号 : 一 input type 一 text name 一 "bkid”size 一 20 二 
书 名 : 一 input type 一 text name 一 "bkname” size 一 20 二 一 br 一 
作者 : 一 input type 一 text name 一 “authorname”size 一 20 二 
出 版 社 : 二 input type 一 text name 一 "bkpublisher”size 一 20 二 一 br 一 
出 版 日 期 : 二 input type 一 text name 一 "bkpubdate”size 一 20 二 
价格 : 一 input type 一 text name 一 "bkprice” size 一 20 二 一 br 一 
类 别 : 一 input type 一 text name 一 "bktype”size 一 20 二 
数量 : 一 input type 一 text name 一 "bkquantity”size 一 20 二 一 p 二 
一 input type 一 submit value 一 "提交 "一 
一 input type 二 reset value 一 "清除 "一 

一 /form 二 一 /font 一 

=/body>=/html> 


3. ex9-09. jsp 代码 清单 


TH%@ page contentType="text/html; charset=GB2312”%> 
HE@ page import="java. sql. *”%> 

=html> 

二 head 二 二 title 二 添加 记录 二 /title 二 

=/head> 

=body>=center> 

Wrequest. setCharacterEncoding("GB2312”) ; 


252| 一 一 一 一 一 一 一 一 一 Web 技术 应 用 基础 (第 2 版 ) 


String s_bkid= request. getParameter("bkid") ; 
i 计 Cs_bkid 一 一 null){ 
s_bkid 一 光 ; 
} 
String s_bkname=request. getParameter("bkname') ; 
if(s_bkname 一 一 null){ 
s_bkname 一 ”“; 
} 
String s_authorname= request. getParameter("authorname’); 
if(s_authorname 一 一 null){ 
s_authorname="; 
} 
String s_bkpublisher= request. getParameter("bkpublisher ) ; 
if(s_bkpublisher= = nulD){ 
s_bkpublisher="; 
; 
String s_bkpubdate= request. getParameter("bkpubdate’); 
if(s_bkpubdate= =nulD)!{ 
s_bkpubdate 一 ”“; 
String s_bkprice= request. getParameter("bkprice’); 
if(Cs_bkprice 一 一 null){ 
s_bkprice 一 “; 
} 
String s_bktype= request. getParameter(”bktype’); 
if(Cs_bktype 一 一 null){ 
s_bktype="; 
} 
String s_bkquantity= request. getParameter("bkquantity ) ; 
if(s_bkquantity= = nulD)'{ 
s_bkquantity 一 ”“; 
} 
%> 
二 font size 二 4 color 二 blue 二 新 添加 的 记录 二 /font 二 hr 二 
=% 
String sql; 
Class. forName("sun. jdbc. odbc. JdbcOdbcDriver’) ; 
Connection conn= DriverManager. getConnection("jdbc:odbc:bookshoplk’.”sa”’,”); 
Statement stmt 一 conn. createStatement(); 
try{ 
sql="Insert Into booktable(bookid.,bookname.author. publisher, pubdate., price, type, quantity) 
Values ("十 s_bkid 十 ”.” 十 s_bkname 十 .十 s_authorname 十 ” ,十 s_bkpublisher 


十 ,十 s_bkpubdate 十 ,十 s_bkprice 十 ,十 s_bktype 十 ” ,十 s_bkquantity 十 ”)”; 
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stmt. executeUpdate(sql) ; 
ResultSet rs; // 建 立 ResultSet( 结 果 集 ) 对 象 
rs= stmt. executeQuery(”Select * From booktable where bookid 一 “十 s_bkid 十 "”) ; 
// 执 行 SQL 语句 
%> 
=table border=3> 
< 一 tr bgcolor= silver>—=b> 
一 td 二 bookid 一 /td 盖 二 td 二 bookname 一 /td 二 一 td 一 author 一 /td 二 一 td 二 publisher 一 /td 二 
一 td 二 pubdate 一 /td 二 一 td 一 price 一 /td 盖 二 td 二 type 一 /td 二 一 td 全 quantity 一 /td 一 
a 
<% 
// 利 用 while 循环 将 数据 表 中 的 记录 列 出 
while(rs. next()){ 
%> 
ti 
<td>=%=rs. getString("bookid") %>=/td> 
td>=%=rs. getString(”"bookname’) % 二 一 /td 二 
一 td 二 一 凶 一 rs. getString("author’) % 二 一 /td 一 
=td>=%=rs. getString("publisher ) %>=/td> 
=td>=%=rs. getString("pubdate") %>=/td> 
=td>=%=rs. getString(’price’) %>=/td> 
=<td>=%=rs. getString(’type’) % 二 一 /td 二 
< 一 td 二 一 昕 二 rs. getString( "quantity ) 二 一 /td 二 
=</tr> 
<% 
} 
rs. close(); // 关 闭 ResultSet 对 象 


catch(Exception e)!{ 
out. println(e. get Message()); 
} 
stmt. close(); // 关 闭 Statement 对 象 
conn. close() // 关 闭 Connection 对 象 
%> 
=/table><=/center> 
=/body>=/html> 


4. 运行 结果 


代码 ex9-09. jsp 在 浏览 器 中 的 显示 效果 如 图 9-29 所 示 。 
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要 于 加 记录 - Microsoft Internet Explore 
; 文件 (E) ”编辑 (E) 查看 (四 ”收藏 (4) 工具 (了 帮助 0 
; 地址 (D) -| 网 http://localhost:8080/ex_D09/ex9-09. jsp 所 入 


新 添加 的 记录 


[ISBN 7-302-11707-1 Web 技 术 应 用 基础 殿 月 华 ” 清 华 大 学 出 版 社 |2006-1-1[35 ”| 计算 机 |200 


图 9-29 添加 并 显示 新 记录 


9.5 更 新 记录 


1. 使 用 SQL 语句 更 新 记录 


使 用 SQL 语句 更 新 数据 库 中 的 记录 ,通过 where 子 句 限定 要 进行 更 新 的 记录 。 

例 9.10 管理 员 在 界面 (ex9-10. html, 见 图 9-30) 输 入 需要 更 新 数据 的 图 书 书 号 ,并 
把 更 新 的 数据 提交 给 ex9-10. jsp 处 理 。 在 ex9-10. jsp 中 用 SQL 的 Update 语句 更 新 记 
录 ,并 输出 更 新 后 的 记录 。 其 关键 语句 为 : 


“update booktable Set quantity 一 “十 s_bkquantity 十 "where bookid 二 “十 s_bkid 十 ”; 


马 更 新 记录 应 用 案例 - Microsoft Internet Explorer 轩 回 园 
i 文件 (E) 编辑 (E) 查看 (Z) 收藏 (6) 工具 (IT) 帮助 (ED 
5 地址 (D) -| 换 http://localhost:8080/ex_D09/ex9-10. htnl 《< 勿 入 中 文 , 直 按 搜索 国 


更 新 记录 


输入 需要 更 新 数量 的 图 书 书号 :|ISBN 7-302-11707-1 


图 9-30 更 新 记录 


表示 更 新 booktable 中 的 记录 ,条 件 是 该 书 的 bookid 等 于 用 户 输入 的 图 书号 ,该 书 的 数量 
等 于 用 户 输入 的 数量 。 


2. ex9-10. html 代码 清单 


二 html 二 二 head 一 

< 到 title 二 更 新 记录 应 用 案例 一 /title 一 
=/head> 
=body>=center> 


二 font size 一 4 color 一 blue 一 更 新 记录 二 /font 一 /center 二 一 hr 一 
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一 form method 一 “post” action 一 "ex9-10. jsp" 盖 一 font color= green> 
输入 需要 更 新 数量 的 图 书 书号 : 一 input type 一 text name 一 "bkid” size 一 20 二 &nbsp; 
输入 新 的 数量 : 一 input type 一 text name 一 "bkquantity”size 一 20 二 一 p 二 
一 input type 一 submit value 一 "提交 "一 


一 input type 一 reset value 一 "清除 "一 
=/form>=/font> 
=/body>>=/html> 


3. ex9-10. jsp 代码 清单 


WH%@ page contentType= "text/html; charset=GB2312”"%> 
一 好 @ page import="java. sql. *"%> 
=html> 
一 head 一 一 title 二 更 新 记录 一 /title 一 
一 /head 一 
二 body 二 一 center 一 
一 %request. setCharacterEncoding("GB2312”) ; 
String s_bkid= request. getParameter("bkid ) ; 
if(Cs_bkid 王 一 null){ 
s_bkid 一 ”“; 
} 
String s_bkquantity= request. getParameter(“bkquantity ) ; 
if(s_bkquantity= = nulD)'{ 
s_bkquantity="; 
%> 
一 font size 一 4 color 一 blue 一 更 新 记录 一 /font 二 二 hr 一 
<=% 
String sql; 
Class. {forName(”sun. jdbc. odbc. JdbcOdbcDriver ) ; 
Connection conn= DriverManager. getConnection("jdbc:odbc: bookshoplk”.”sa”,”); 
Statement stmt= conn. createStatement(); 
try{ 
sql="update booktable Set quantity= "十 s_bkquantity+"”" where bookid 二 十 s_bkid 二 ”"”; 
stmt. executeUpdate(sql); 
ResultSet rs; // 建 立 ResultSet( 结 果 集 ) 对 象 
rs= stmt. executeQuery("Select * From booktable where bookid 一 “十 s_bkid 十 ””) ; 
// 执 行 SQL 语句 
%> 
=table border=3> 
< 一 tr bgcolor 一 silver 二 一 b 二 
< 二 td 二 bookid 一 /td 二 二 td 二 bookname 一 /td 二 一 td 一 author 一 /td 二 二 td 二 publisher 一 /td 一 
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=td>pubdate=/td>=td>price</td>=td>type=/td>=td>quantity=/td> 
一 /tr 一 
<=% 
// 利 用 while 循环 将 数据 表 中 的 记录 列 出 
while (rs. next()){ 
%> 
< 一 tr 一 
=td>=%=rs. getString("bookid") % 二 一 /td 二 
=td>=%=rs. getString("bookname'") % 二 一 /td 二 
<td>=%=rs. getString("author ) % 二 一 /td 一 
=td>=%=rs. getString("publisher ) % 二 一 /td 二 
=td>=%=rs. getString("pubdate") % 二 一 /td 二 
<td>=%=rs. getString("price") % 二 一 /td 一 
<td>=%=rs. getString("type") % 二 一 /td 二 
td>=%=rs. getString("quantity ) % 二 一 /td 一 
/te 
<% 
} 
rs. close(); // 关 闭 ResultSet 对 象 


catch(Exception e)1{ 

out. println(e. getMessage()); 

stmt. close(); // 关 闭 Statement 对 象 

conn. close(); // 关 闭 Connection 对 象 
%> 
=/table><=/center> 
=/body>=/html> 


4. 更 新 结果 


代码 ex9-10. jsp 在 浏览 器 中 的 显示 效果 如 图 9-31 所 示 ,书号 为 ISBN 7-302-11707-1 
的 图 书 已 经 更 新 为 200 册 。 


马 琴 加 记录 Microsoft Internet Explorer 
# 文件 (E) ”编辑 (E) 查看 (Y) 收藏 (8) 工具 (TI) 帮助 (B) 
地 址 (D) ~| 撞 http://localhost:8080/ex_D09/ex9-10. jsp 所 给 入 中 文 , 直接 搜索 国 | 


更 新 记录 
bookid ~ bookname author publisher pubdate price type quantity 


ISBN 7-302-11707-1 |web 技 术 应 用 基础 诬 月 华 清华 大 学 出 版 社 |2006-1-1|35 ”| 计算 机 [200 


图 9-31 更 新 后 的 结果 
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9.6 删除 记录 


1. 使 用 SQL 语句 删除 记录 


例 9.11 管理 员 在 界面 (ex9-11. html, 见 图 9-32) 输 入 需要 删除 图 书 的 书号 ,并 把 要 
删除 的 书号 数据 提交 给 ex9-11. jsp 处 理 。 在 ex9-11. jsp 中 ,用 SQL 的 Delete 语句 将 该 
记录 删除 ,并 显示 删除 后 的 booktable 数据 表 。 其 关键 语句 为 : 


“Delete From booktable Where bookid 一 “十 s_bkid 十 ””; 


当 删除 记录 应 用 案例 - Hicrosoft Internet Expl--- 亡 ] 操 | 区 | 
文件 EF) ”编辑 下 ) 查看 WW 收藏 A) 工具 加 玫 助 史 


@ 扣 -日 - 国 国 约 Pp 二 mx 


地 址 部) | 独 http://127.0.0.1:8080/ex_po9/ex9-11. htm- 国 | 固 特 到 这 这 > 


删除 记录 


输入 需要 删除 的 图 书 书号 :[ISB8 7-111-09317-8 |] 
CE] [ 济 除 ] 


站 充 毕 


图 9-32 删除 记录 


表示 删除 booktable 表 中 的 bookid 为 用 户 输入 书号 (s_bkid) 的 图 书 。 
本 例 删 除 刚 才 添 加 的 书号 为 ISBN 7-302-11707-1 的 图 书 。 


2. ex9-11. html 代码 清单 


=html>=head> 
二 title 二 删除 记录 应 用 案例 二 /title 二 
=/head> 
=body>=center> 
一 font size 一 4 color 一 blue 一 删除 记录 二 /font 一 一 /center 二 二 hr 一 
一 form method 一 "post” action 一 "ex9-11. jsp'" 二 一 font color= green> 
输入 需要 删除 的 图 书 书 号 : 一 input type 一 text name 一 "bkid”size 一 20 二 一 pb 二 
一 input type 一 submit value 一 "提交 "一 
一 input type 一 reset value 一 "清除 "一 
一 /form 二 二 /font 一 
=/body>=/html> 


3. ex9-11. jsp 代码 清单 
WH%@ page contentType= "text/html; charset=GB2312”"%> 
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HU%@ page import 一 "java. sql. * "上 一 

=html> 

一 head 盖 一 title 二 删除 记录 二 /title 二 

一 /head 一 

< 一 body 一 二 center 一 

Wrequest. setCharacterEncoding("GB2312”); 
String s_bkid= request. getParameter("bkid ) ; 
if(s_bkid= =nulD'( 


s_bkid=""; 
} 
%> 
二 font size 一 4 color 一 blue 一 删除 后 的 记录 一 /font 一 二 hr 一 
<=% 


String sql; 
Class. forName(”sun. jdbc. odbc. JdbcOdbcDriver ) ; 
Connection conn= DriverManager. getConnection(”jdbc:odbc:bookshoplk”,”sa”,”); 
Statement stmt= conn. createStatement(); 
try{ 
sql 一 “Delete From booktable Where bookid 二 “十 s_bkid 二 +""; 
stmt. executeUpdate( sql); 
ResultSet rs; // 建 立 ResultSet( 结 果 集 ) 对 象 
rs 一 stmt. executeQuery("Select * From booktable”); 
// 执 行 SQL 语句 
%> 
=table border=3> 
< 一 tr bgcolor= silver>=b> 
二 td 二 bookid 一 /td 二 一 td 二 bookname 一 /td 二 一 td 二 author 一 /td 二 二 td 二 publisher 一 /td 二 
一 td 二 pubdate 一 /td 盖 一 td 二 price 一 /td 二 一 td 二 type 一 /td 二 二 td 二 quantity 一 /td 一 
一 /tr 一 
<% 
// 利 用 while 循环 将 数据 表 中 的 记录 列 出 
while (rs. next()){ 
%> 
AR 
=td>=%=rs. getString("bookid") % 二 一 /td 一 
<td>=%=rs. getString(’bookname’) %>=/td> 
=td>=%=rs. getString("author) %>>=/td> 
<td>=%=rs. getString(”’publisher’ ) % 二 一 /td 一 
=td>=%=rs. getString("pubdate’) % 二 一 /td 一 
=td>=%=rs. getString(’price’) %>=/td> 
<td>=%=rs. getString(’type’) %>=/td> 
<td>=%=rs. getString("quantity ) % 二 一 /td 一 
Re 
=% 
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) 
上 


rs. close(); // 关 闭 ResultSet 对 象 


catch(Exception e){ 

out. println(e. get Message()); 

} 

stmt. close(); // 关 闭 Statement 对 象 
conn. close(); ”// 关 闭 Connection 对 象 


%> 
=/table>=/center> 
=/body>=/html> 


4. 删除 后 的 booktable 数据 表 


由 于 删除 的 是 在 例 9. 9 中 添加 的 记录 ,所 以 删除 该 记录 后 得 到 的 数据 表 仍 然 如 
图 9-18 所 示 。 


习题 、 上 机 练习 与 实 训 9 | 


oo 中 艺 性 m 忆 王 


、 习 题 


. 名词 解释 : 数据 库 、` 数 据 库 管理 系统 .管理 信息 系统 。 

. SQL 语句 的 主要 功能 是 什么 ? 

. JDBC 是 一 种 什么 技术 ? 它 的 特点 和 功能 是 什么 ? 

. 列举 JDBC 访问 数据 库 4 种 方式 中 的 两 种 ,其 中 JDBC-ODBC 桥 适用 于 什么 条 件 ? 
. 简要 列 出 JDBC 建立 数据 库 连接 步 又 。 


请 写 出 包含 java. sql 的 Page 指令 语句 。 


. 请 写 出 加 载 JDBC-ODBC 桥 驱 动 程序 的 语句 。 
.如 果 数 据 库 bookshop 的 数据 源 名 是 : bookshopdsn ,请 写 出 与 该 数据 库 建 立 连接 


的 语句 。 


2 
WV 
要 有 三 
2. 
. 输出 网 上 商店 数据 库 中 某 张 表 的 第 2 条 记录 。 
. 输出 网 上 商店 数据 库 中 某 张 表 的 所 有 记录 。 
. 输出 网 上 商店 数据 库 中 某 张 表 中 的 指定 记录 。 
. 对 网 上 商店 数据 库 中 的 记录 进行 模糊 查询 。 
. 对 网 上 商店 数据 库 中 的 记录 进行 范围 查询 。 


~ 中 辐 心 


用 Statement 类 的 对 象 向 上 题 的 bookshop 数据 库 发 送 SQL 语句 。 
、 上 机 练习 
设计 一 个 网 上 商店 应 用 (商品 种 类 可 以 自选 ), 并 为 该 应 用 设计 一 个 数据 库 , 至 少 


: 张 表 。 创 建 该 数据 库 。 


输出 网 上 商店 数据 库 中 某 张 表 的 表 头 。 
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8. 把 网 上 商店 数据 库 中 茶 张 表 的 数据 逆序 输出 。 

9. 对 网 上 商店 数据 库 中 某 张 表 进行 插入 、 删 除 和 更 新 操作 。 

三 、 实 训 课 题 

1. 使 用 JSP 技术 建立 一 个 班级 网 站 ,要 求 : 

(1) 建立 一 个 班级 数据 库 , 数 据 库 中 应 有 班级 的 基本 信息 ,如 : 通信 录 、 成 绩 单 等 。 

(2) 制作 一 个 动态 网 页 。 该 网 页 能 够 接收 用 户 信 息 , 并 根据 用 户 要 求 把 后 台数 据 库 
信息 发 布 到 前 端的 浏览 器 。 

(3) 在 网 页 中 提供 各 种 查询 功能 ,例如 : 查询 某 位 同学 的 学 习 成 绩 、 计 算 班级 的 及 格 

2. 为 校园 网 完成 一 个 学 籍 管理 软件 中 的 学 生成 绩 管理 模块 的 设计 与 制作 ,包括 学 生 
成 绩 的 浏览 .录入 、 添 加 、 删 除 、 查 询 和 更 新 等 功能 。 

3. 在 本 章 上 机 练习 的 基础 上 完成 网 上 商店 的 应 用 开发 ,要 求 有 商品 浏览 和 购物 车 
功能 。 
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网 上 书店 的 系统 分 析 与 设计 已 在 第 3 章 完成 ,部 分 环节 的 实现 也 在 其 他 章节 进行 了 
介绍 ,本 章 将 介绍 该 系统 主要 功能 的 实现 。 网 上 书店 由 客户 端 业 务 处 理 和 管理 端 业务 处 
理 两 个 部 分 组 成 ,其 功能 结构 见 第 3 章 的 图 3-3。 

客户 端 业务 处 理 主要 包括 用 户 身 份 验 证 、 图 书展 示 、 购 书 车 等 模块 。 管 理 端 业务 处 理 
主要 包括 图 书 管理 ,用户 管 理 . 订 单 管理 .留言 管理 .出 版 社 管理 和 职工 管理 等 模块 。 

网 上 书店 的 安装 见 第 3 章 的 3.6 节 。 


10.1 主 界面 实现 


10.1.1 客户 端 处 理 主 界面 


1. 页 面 布 局 
客户 端 业务 处 理 主 界面 见 第 3 章 的 图 3-5。 它 的 页 面 布局 如 图 10-1 所 示 。 


Top 


Left Body 


Bottom 


图 10-1 客户 端 业务 处 理 主 界面 的 页 面 布局 


各 部 分 的 功能 与 相关 代码 如 下 。 


(1) Top 
客户 端 业 务 处理 的 Top 部 分 的 文件 名 是 top. jsp, 使 用 二 % @ include file 一 
“top.jsp" 上 二 语句 把 它 嵌 入 客户 端 业务 处 理 各 个 页 面 的 顶部 ,使 得 系统 具有 统一 的 风格 。 


Top 部 分 用 来 显示 logo 图 片 .日 期 和 客户 端 各 功能 模块 的 入 口 。 各 功能 模块 和 它们 对 应 
的 程序 如 下 : 
。 首页 


index. jsp 


。 精品 图 书 一 一 excellent. jsp 
。 新 书架 
。 书目 查找 一 一 booksearch. jsp 
。 我 的 订单 一 一 myorder. jsp 


newbook. jsp 


。 购书 车 shoppingcart. jsp 

。 读者 留言 leaveword. jsp 

(2) Left 

Left 用 来 显示 公告 栏 、 用 户 登 录 和 图 书 检索 等 信息 。 各 功能 模块 和 它们 对 应 的 程序 
如 下 : 

。 公告 栏 declare. jsp 


。 用 户 登 录 一 一 login. jsp 

。 图 书 检索 

(3) Body 

Body 为 当前 页 面 的 主要 内 容 显示 区 域 。 

(4) Bottom 

Bottom 部 分 的 文件 名 是 bottom. jsp ,使 用 二 %@include file 二 ”bottom. jsp”% 请 语句 
垦 入 网 上 书店 的 各 个 页 面 的 底部 ,使 得 系统 具有 统一 的 风格 。Bottom 部 分 主要 用 来 显示 
版 权 信息 、 联 系 信息 等 。 


2. 主 界面 index. jsp 代码 清单 
主 界 面 代码 清单 见 bookshop 目录 下 的 index. jsp 文件 , 它 的 框架 结构 代码 清单 见 
第 4 章 的 4.9 节 。 


10.1.2 管理 端 处 理 主 界面 


search. jsp 


管理 端 业务 处 理 主 界面 见 第 3 章 的 图 3-7。 它 的 页 面 布局 见 图 10-2。 


Top 


Body 


Bottom 


图 10-2 管理 端 业务 处 理 主 界面 的 页 面 布局 


各 部 分 的 功能 与 相关 代码 如 下 。 

(1) Top 

管理 端 业 务 处 理 主 界面 Top 部 分 的 文件 名 也 是 top. jsp, 但 是 与 客户 端 业 务 处 理 的 
top. jsp 文件 在 不 同 的 目录 下 。 应 用 二 %@include file 二 ”top. jsp" 上 二 语句 ,把 它 骨 入 管 
理 端 业务 处 理 主 界面 各 个 页 面 的 项 部 ,使 得 系统 具有 统一 的 风格 。Top 部 分 用 来 显示 
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logo 图 片 、 日 期 和 管理 端 各 功能 模块 的 和 人口。 各 功能 模块 和 它们 对 应 的 程序 如 下 : 
。 图 书 管理 


booklist. jsp 


。 用 户 管理 userinfolist. jsp 

。 订单 管理 orderlist. jsp 

。 留言 管理 noteslist. jsp 

。 职工 管理 employeelist. jsp 

。 出 版 社 管理 publisherlist. jsp 
(2) Body 

Body 是 当前 页 面 的 主要 内 容 显 示 区 域 。 
(3) Bottom 


Bottom 部 分 的 文件 名 是 bottom. jsp, 与 客户 端 业务 处 理 的 bottom. jsp 是 同一 个 
文件 。 使 用 二 %@include file 二 ”.. /bottom. jsp" 上 二 语句 做 入 管理 端 业 务 处 理 各 个 
页 面 的 底部 ,使 得 系统 具有 统一 的 风格 。Bottom 部 分 主要 用 来 显示 版 权 人 信息、 联系 


信息 等 。 


10.2 ”用户 登录 功能 实现 


用 户 登 录 在 客户 端 处 理 主 界面 的 左 侧 ,用 户 注册 的 信息 存 人 bookshop 数据 库 的 
userinfo 表 中 。 注 册 功 能 代码 login. jsp 由 二 %@include file 二 "login. jsp”%% 二 语句 舱 入 
客户 端 主 界面 index. jsp 文件 。 


10.2.1 用 户 登 录 功 能 介绍 


1. 老 用 户 登 录 

用 户 登 录 界 面 见 图 10-3(a) 。 如 果 是 老 用 户 ,在 文本 框 中 输入 用 户 名 和 密码 ,系统 将 
把 输入 的 用 户 名 和 密码 与 bookshop 数据 库 中 用 户 表 userinfo 中 的 信息 进行 比较 验证 。 
如 果 输 入 不 正确 ,系统 将 提示 用 户 并 要 求 用 户 重 新 输入 。 若 输入 正确 , 则 出 现 登 录 成 功 界 
面 ,如 图 10-3(b) 所 示 。 


(a) 用 户 登 录 界面 (b) 登录 成 功 界面 
图 10-3 用 户 登录 界面 
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2. 登录 成 功 


用 户 登 录 成 功 后 ,可 以 在 网 上 进行 一 系列 的 操作 ,它们 的 功能 和 完成 这 些 功 能 的 文件 
名 如 下 : 
。 修改 登录 密码 


passwordedit. jsp 


。 维护 个 人 信息 一 一 userinfoedit. jsp 
。 查看 历史 订单 一 一 myorder. jsp 
。 查看 购书 车 shoppingcart. jsp 


。 给 管理 员 留 言 
。 注销 退出 一 一 二 a href 一 “index. jsp? op 二 exit 放 注 销 退 出 二 /a 二 


3. 新 用 户 注 册 


如 果 是 新 用 户 ,在 注册 界面 单 击 * 新 用 户 注册 ” 超 链接 ,页面 将 跳 转 到 “register. jsp” 页 
面 ,需要 用 户 输入 个 人 信息 ,如 图 10-4 所 示 。 


leaveword. jsp 


己 http:V/localhost:8080/bookshopVresgister- jsp - Microsoft Tnternet Fxplorer 
= 文件 (E) 编辑 (E) 查看 (Z) 收藏 (4) 工具 (T) 帮助 (8) 


和 过 让 保 浊 区 仆人 学 此 区 和 未 经 客户 允 放 格 只 用 于 处 理 客 户 的 订 贡 信息 ， 对 外 严格 保 
* 呈 的 为 必需 项， 臣 写 的 可 以 不 填 》 


用 PS [ari23456 上 Cs 王 免 便 用 相同 89 用户 扣 , 语 检测 你 的 用 户 扣 是 否 有 效 ) 


联系 电话 |12345678 
E-mail me26: 


图 10-4 新 用 户 注册 界面 
把 信息 输入 表单 , 单 击 “ 注 册 新 用 户 ” 按 钮 ,信息 写 入 bookshop 数据 库 的 userinfo 表 
中 ,并 出 现 注册 成 功 界面 。 返回 主 界面 , 即 可 以 老 用 户 身 份 登录 。 
10.2.2 用户 登 录 界面 login. jsp 代码 


<H%@ page contentType= "text/html; charset=GB2312”"%> 
一 SCRIPT LANGUAGE= "javascript > 

六 和 = 

function CheckSubmit() 
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if( document. loginform. userid. value 一 一 ”“) 


{ alert(" 请 输入 用 户 名 !"); 
document. loginform. userid. focus(); return false; } 
if( document. loginform. password. value 一 一 ”“) 
{ alert(" 请 输入 密码 !1"); 
document. loginform. password. focus(); return false; } 
if(document. loginform. userid. value. indexOf("“) ! 一 -1) 
{ alert(" 用 户 名 不 能 包含 单 引号 、 空 格 等 字符 !"); 
document. loginform. userid. focus(); return false; } 
return true; 
} 
</SCRIPT> 
HE@ page import 一 "java. util. * ,java. sql. *”"%> 
<% 
String op= request. getParameter( “op ) ; 
if(op!= null&.&.op. equals("login’)){ 


String s_userid= request. getParameter(”userid’) ; 


String s_password= request. getParameter(”password’”); 
rs 一 stmt. executeQuery( ”select * from userinfo 
where userid 二 十 s_userid 十 ”and password 二 ”十 s_password 十 ””); 

if(Crs. next()){ 

session. setAttribute("userid",s_userid) ; 

response. sendRedirect("index. jsp”); 
} 
else 
{ 

response. sendRedirect("error. jsp? _ error 一 "十 "用 户 名 或 密码 不 正确 性 ); 


} 
ifCop! 一 null&&op.equalsC exit 7 ){ 
session. removeAttribute( "userid") ; 
session. removeAttribute( cart ) ; 
response. sendRedirectC "index. jsp") ; 
} 
String s_userid= (String)session. getAttribute(”userid”); 
%> 
=<% 
if(s_userid= =nulD'{ 
%> 
一 link href 一 "maincss. css’” rel="stylesheet” type= "text/css’> 
< 一 table width 一 "100 %% ”border 一 "0”cellpadding 一 “0” 
cellspacing 一 "0”bgcolor 一 " 井 f6f6f6”class 一 "td 一 


一 form name 一 "loginform” action 一 "index. jsp? op 一 login” method="post"> 
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< 一 tr 二 
一 td colspan 一 "3" 盖 一 div align 一 “left 全 
< 一 img src 一 “images/login_rl. jpg” width 一 "158"” height 一 "43" 全 一 /div 二 一 /td 二 
一 /tr 
< 一 tr 一 
< 一 td width 一 "8 二 &nbsp; 一 /td 二 
< 一 td width 一 "25%" 伍 用户 名 一 /td 一 
=td width 一 "75%% "全 
< 一 input name 一 "userid"” type= "text” class 一 "formtext' size 一 "12" 盖 一 /td 二 
/> 
< 
< 一 td 二 &nbsp; 一 /td 二 
二 td 二 密码 二 /td 二 
一 td 二 一 input name="password” type="password” 
class 一 "formtext” size 一 "12" 盖 一 /td 一 
< 
< 一 tr 之 
一 td 二 &nbsp; 一 /td 一 
< 一 td colspan="2"> 
一 input name 一 "loginbutton”type 一 “submit' value 一 “登录 “ 
onClick 一 "return CheckSubmit() ; "全 
新 用 户 一 a href 一 "register. jsp' 一 注册 一 /a 二 一 /td 二 
一 /tr 一 
=/form> 
</table> 
=%}else{%> 
=table width="100%" border="0" cellpadding="0” 
cellspacing="0” bgcolor="#f6f6f6” class="td’> 
一 tr 一 
一 td width 一 "8 全 一 div align 一 “left 全 一 /div 二 一 /td 二 
=td width==”737" 二 二 % 二 s_userid% 二 ,您 好 ! 二 br 二 
欢迎 来 到 网 上 书城 … 一 /td 二 
一 /tr 一 
< 
td>&nbsp;=/td> 
二 td 二 您 可 以 : 二 /td 二 
=/tr> 
“te 
=td>&nbsp;=/td> 
二 td 二 二 a href 一 “passwordedit. jsp" 二 修改 登录 密码 二 /a 二 二 /td 二 
一 /tr 一 
< 一 tr 一 
一 td 二 &nbsp; 一 /td 二 
一 td 盖 一 a href 一 "userinfoedit. jsp'" 盖 维护 个 人 信息 二 /a> 一 /td 二 
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/> 
> 
=td> &nbsp;=/td> 
一 td 一 一 a href 一 "myorder. jsp" 查看 历史 订单 二 /a 二 二 /td 放 
</tr> 
过 二 
=td> &nbsp;=/td> 
一 td 一 一 a href 一 "shoppingcart. jsp" 记 查看 购书 车 二 /a 二 二 /td 二 
/> 
< 
=td> &nbsp;=/td> 
一 td 二 一 a href 一 "leaveword. jsp' 一 给 管理 员 留 言 一 /a 二 一 /td 一 
</tr> 
~tr> 
=~td> &nbsp;=/td> 
一 td 二 一 a href 一 “index. jsp? op 二 exit" 放 注销 退出 二 /a 记 二 /td 二 
/wu> 
=/table> 
=%}%> 


10.2.3 新 用 户 注 册 register. jsp 代码 


<%@ page contentType= "text/html; charset=GB2312” errorPage= "error. jsp’ %> 
HE@ page import="java. util. * ,java. sql. *”"%> 
=SCRIPT LANGUAGE= "javascript > 
过 (= 
function CheckSubmit() 
{ 
if(document. registerform. userid. value 一 
{ alert(" 请 输入 用 户 名 !”); 


document. registerform. userid. {ocus(); return false; } 


Ww 


和 


if(document. registerform. password. value 一 一 ”) 


{ alert( "请 输入 密码 ! ) ; 
document. registerform. password. focus(); return false; } 
if{(document. registerform. password2. value 一 一 ”“) 
{ alert(" 请 验证 密码 !1"); 
document. registerform. password2. focus(); return false; } 
if(document. registerform. password2. value != 
document. registerform. password. value ) 
{ alert(" 密 码 验证 出 错 !"); 
document. registerform. password. focus(); return false; } 
Wi 


if(document. registerform. username. value 一 一 


{ alert(" 请 输入 真实 姓名 !1"); 
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document. registerform. username. focus() ; return false; } 
if(document. registerform. address. value= =”) 
{ alert(" 请 输入 住址 !"); 
document. registerform. address. focus(); return false; } 
if(document. registerform. postcode. value 一 一 ”) 
{ alert(" 请 输入 邮编 1") ; 
document. registerform. postcode. focus(); return false; } 


if(document. registerform. phone. value 一 一 ”) 


{ alert(" 请 输入 联系 电话 !"); 
document. registerform. phone. focus(); return false; } 
return true; 
} 
=~/SCRIPT> 
<% 
request. setCharacterEncoding("GB2312”) ; 
Class. forName("sun. jdbc. odbc. JdbcOdbcDriver ) ; 
Connection 
conn= DriverManager. getConnection("jdbc:odbc:bookshoplk”,”sa”,”); 
Statement stmt= conn. createStatement 
(ResultSet. TYPE_SCROLL_INSENSITIVE. ResultSet. CONCUR_READ_ONLY); 
ResultSet rs= null; 
%> 
<=% 
String op= request. getParameter(”op’); 
ifCop! 一 null&&op. equals("register’)){ 
String s_userid 一 request. getParameterC userid ") ; 
String s_password= request. getParameter("password ) ; 


String s_username= request. getParameter("username’); 


String s_gender= request. getParameter(’gender’); 
String s_address 一 request. getParameter("address’); 
String s_phone= request. getParameter("phone'"); 
String s_postcode= request. getParameter(”postcode’); 
String s_email= request. getParameter("email’); 
String s_sql="insert into userinfo(userid, password ,username. 
gender,address, phone,postcode,email,state) ” 
values(” 十 s_userid 十 ,十 s_password 十 ,十 s_username 十 ”,。' 
"十 s_gender 十 ,十 s_address 十 ,十 s_phone 十 ”," 
"十 s_postcode 十 ,十 s_email 十 ,0')”; 
try{ 
stmt. executeUpdate(s_sql); 
}catch(Exception e){ 
response. sendRedirect(”error. jsp? error 一 注册 失败 "十 e. getMessage()); 


’ 


} 
%> 


一 link href 一 "maincss. css’” rel="stylesheet” type= "text/css’> 
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一 div align 一 “center 一 
< 一 table width 一 "750”border 一 "0”cellspacing 一 "1”cellpadding 一 "1 一 


a 

一 td 二 二 div align 一 “center 一 一 %@include file="top. jsp’ %>=/div>=/td> 
去 /好 
< 到 tr 一 


一 td 二 一 div align 一 “center 一 
< 一 table width 一 "80 %% ”border 一 "0”cellpadding 一 "1”cellspacing 一 "1”class 一 "td 一 


<=% 
ifCop 一 一 null){ 
%> 
一 form name= "registerform’ action= "register. jsp? op= register’ method="post > 
< 一 tr 一 
< 一 td colspan 一 "2 一 & nbsp;&nbsp; 以 下 资料 请 如 实 填写 ,以 保证 正确 发 货 。 
这 些 资料 未 经 客户 允许 将 只 用 于 处 理 客户 的 订货 信息 ,对 外 严格 保密 。( 带 
二 font color 二 ”red 之 * 二 /font 一 号 的 为 必 填 项 ,其 他 的 可 以 不 填 ) 一 /font 二 一 /td 一 
</t> 
<~tr> 
一 td width 一 "15%" 人 一 div align 一 “right 全 用 户 名 二 /div 之 一 /td 二 
< 一 td 二 二 div align 一 “left 全 一 input name 一 "userid” type 一 "text” size="20"> 
一 font color 一 "red' 二 * 一 /font 二 (为 避免 使 用 相同 的 用 户 名 ,请 
一 a href 一 "# "人 检测 二 /a 一 你 的 用 户 名 是 否 有 效 ) 一 /div 之 二 /td 
/tr 
< 
二 td 二 二 div align 一 "right' 盖 密码 一 /div 之 一 /td 
一 td 二 一 div align 一 “left 全 
一 input name="password” type="password” size="20"> 
<font color="red’> * </font><=/div></td> 
</tr> 
wd 
二 td 二 二 div align 一 "right 全 验证 密码 一 /div 之 一 /td> 
一 td 二 一 div align 一 “left 一 
一 input name 一 "password2”type 一 "password”size 一 "20' 一 
二 font color="red’> * 一 /font 二 一 /div 二 一 /td 二 
< 一 /tr 一 
< 到 tr 一 
< 一 td 二 一 div align 一 “right 全 真实 姓名 一 /div 二 一 /td 二 
一 td 二 一 div align 一 “left 一 
一 input name 一 “username'" type 一 "text"” size 一 "20" 一 
一 font color="red’> * 一 /font 二 一 /div 二 一 /td 二 
/> 
=tr> 
一 td 二 二 div align 一 “right 盖 性 别 二 /div 二 一 /td 一 
一 td 盖 一 div align 一 ”left 一 
一 select name 一 “gender' 一 
一 option value 一 " 男 " 盖 男 一 /option 二 
本 
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一 option value 二 " 女 二 女 二 /option 
=/select> 
</div><=/td> 
=/tr> 
之 村 过 
二 td 之 二 div align 一 “right 之 住址 一/div 之 一 /td 
二 td 二 一 div align="left’> 
一 input name 一 "address” type= "text” size="”20"> 
二 font color 一 “red 一 * 二 /font 一 (请 您 提供 尽 可 能 详细 的 地 址 ) 一 /div 二 二 /td 二 
一 /tr 
~=tr> 
一 td 二 一 div align 一 “right 全 邮编 二 /div 之 一 /td 二 
一 td 二 一 div align="left > 
一 input name 一 "postcode" type= "text” size=”20"> 
<font color="red’> * </font><=/div><=/td> 
/> 
~tr> 
一 td 二 一 div align 一 “right 全 联系 电话 二 /div 二 一 /td 一 
一 td 二 一 div align 一 “left 全 
一 input name 一 “phone” type 一 "text” size="20"> 
二 font color="red’> * 一 /font 二 一 /div 二 二 /td 二 
</tr> 
> 
一 td 二 一 div align 一 "right 二 E-mail 一 /div 二 一 /td 二 
一 td 二 一 div align 一 “left 一 
一 input name="email’ type 一 "text” size 一 "20" 盖 一 /div 二 一 /td 二 
</tr> 
<tr> 
一 td 二 一 div align="right’> &nbsp;=/div>=/td> 
一 td 二 一 div align 一 “left 一 
一 input name="submit” type="submit” 
value 一 "注册 新 用 户 “ onClick 一 "return CheckSubmit(); 一 
一 input name 二 reset” type 一 "reset" value 一 “重新 填写 "二 
一 /div 之 一 /td 一 
< 一 /tr 二 
=/form> 
=%}else{%> 
< 一 tr 一 
< 一 td colspan 一 "2 一 恭喜 ,注册 成 功 , 请 记 住 您 的 用 户 和 名 和 密码 ! 现在 就 去 
二 a href 二 "index. jsp'" 盖 首页 登录 一 /a. 一 /td 
=/tr> 
=%}%> 
=/table—> 
=/div> 
一 /td 一 
二 /一 
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让 
一 td 二 二 div align="center >=%@include file="bottom. jsp’ %>=/div>=/td> 
tr 
=/table> 
=/div> 


10.3 图 书展 示 功 能 实现 


图 书展 示 功 能 在 网 上 书店 客户 端 处 理 的 主 界面 上 ;图书 信息 存 在 bookshop 数据 库 
的 book 表 中 。 图 书展 示 功 能 代码 search. jsp 由 二 %@include file 二 ”search. jsp" 吧 二 语 
句 租 入 客户 端 主 界面 index. jsp 文件 。 


10.3.1 图 书展 示 功 能 介绍 


1. 图 书 检索 


图 书 检索 界面 见 图 10-5。 用 户 在 文本 框 中 输入 需要 检索 的 
图 书信 息 , 单 击 “查找 ?按钮 ,页 面 将 跳 转 到 booklist. jsp 页 面 , 从 
数据 库 的 book 表 中 查询 所 需 信息 。 如 果 没 有 找到 需要 查找 的 
信息 ,系统 将 提示 用 户 重新 搜索 ;如 果 找 到 了 ,系统 显示 检索 到 
的 图 书信 息 , 如 图 10-6 所 示 。 图 10-5 图 书 检索 界面 


二 http://localhost :8080/bookshop/book]list. jsp 
; 文件 (E) 编辑 (E) 查看 (了 四” 收藏 (&) 工具 (I) 帮助 0 
; 地址) “| 量 http://localhost:8080/bookshop/bookl1st. Jsp 中 文 ， 寺 技 搜 二 国 | 回转 到 


Tm 


Wang Luo gou shu xi tong 今天 是 2006 年 9 月 13 日 , 欢迎 光 格 ! 


会 首页 -一 一 加 新 书架 | | 全 .书目 查找 [我 的 订单 ”| 7 购书 车 | | 二 读者 留言 


书目 搜索 结果 


您 要 找 的 图 书 共 1 本 , 分 1 页 显示 , 每 页 显示 0 本 第 1 页 首页 上 一 页 下 一 页 未 页 
序号 S 书 名 单 购 习 详细 信息 
1 ISEN steT302151519 5 程序 设计 收入 购书 车 查看 


;Is srarsozlslsrg 


六 泛 使 用 的 计算 机 庆 言 ,学 全 使用 语言 进行 程序 设计 是 计算 机 工作 者 的 一 项 基本 功 。 本 书 轩 对 初 闻 者 的 竺 点 ， 精心 策 划 、 准 确 
使 得 本 书 要 全 清晰 、 例 是 丰富 、 诬 入 污 出 - 


图 10-6 书目 搜索 结果 


272 一 一 一 一 一 一 一 一 一 Web 技术 应 用 基础 (第 2 版 ) 


2. 高 级 检索 


在 图 10-5 的 界面 上 单 击 “ 高 级 搜索 ” 超 链接 ,页 面 将 跳 转 至 booksearch. jsp, 如 
图 10-7 所 示 .在 该 界面 中 输入 需要 检索 的 信息 , 单 击 “ 搜 索 ” 按 钮 ,将 跳 转 至 booklist. jsp 
页 面 。 


http://localhost :8080/bookshop/booksearch. jsp - Microsoft In... | 区 | 
i 文件 (E) 编辑 (E) 查看 (WD 收藏 (6) 工具 (TD) 帮助 (0) 
塘 http://localhost:8080/bookshop/booksearch. jsp 拒 输入 中 文 , 直接 搜索 国 | 


精品 图 书 上 | 四 新 书架 | 全 书目 查找 “| 我 的 订单 | \Ef 购书 车 | | 四 该 者 留言 


检索 说 明 ]] 
和 县 为 出 且 并 马上 站 的 加 


-这 反 要 检索 的 图 书 共 别 ， 可 
ee “ 口 ” 处 打上 多 为 选中 

各 检索 条 件 之 间 为 逻辑 “ 5" 
人 越 多 ， 有 1000. 00 
de 


“]”， 系 毁 会 自动 过 小 掉 ? 


图 10-7 高 级 搜索 


10.3.2 图 书 检 索 search. jsp 代码 


HE@ page contentType 一 "text/html; charset=GB2312”"%> 
<% 
op= request. getParameter(C "op ) ; 
ifCop! 一 null&&op. equals(" search )){ 
String s_BookName 一 request. getParameter( “bookname'”) ; 
String s_Author= request. getParameter( “author ) ; 
String s_Publisher= request. getParameter( "publisher ) ; 


String s_where 一 ”; 


if(!1s_BookName. equals(”)) 

s_where 十 一 "and bookname like’ %"++s_BookName+"”%"'"; 
if(!1s_Author. equals(”)) 

s_where 十 一 "and author like' %" 十 s_Author 十 " 听 ””; 
if(C!s_Publisher. equals(”)) 

s_where 十 一 "and name like' % "十 s_Publisher 十 "6 


session. setAttribute("s_where",s_where) ; 


response. sendRedirect("booklist. jsp") ; 
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) 
了 


%> 
一 link href 一 “maincss. css” rel="stylesheet” type="text/css’> 
< 一 table width="100%" border="0" cellpadding="0"” cellspacing="0” bgcolor=="# f6f6f6”class 一 "td 全 
一 form name 一 "searchform”action 一 "index. jsp? op 一 search”method 一 “post 一 
> 
一 td colspan 一 "3" 盖 一 div align="left > 
一 img src 一 "images/search_rl. jpg” width 一 "158”height 一 "43" 盖 一 /div 二 一 /td 一 
所 /tr> 
< 一 tr 一 
一 td width 一 "8" 全 &nbsp; 一 /td 二 
二 td width 一 "25%% "全书 名 二 /td 一 
一 td width 一 ”75 上 "全 一 input name 一 “bookname'type 一 "text'class 一 "formtext'size 一 "15' 盖 一 /td 一 
一 /tr 
一 tr 一 
一 td 二 &nbsp; 一 /td 二 
二 td 作者 二 /td 
一 td 二 一 input name 一 "author' type 一 "text class 一 "formtext”size 一 "15" 盖 一 /td 一 
> 
> 
=td>&nbsp;=/td> 
二 td 二 出 版 社 二 /td 二 
一 td 一 input name 一 "publisher” type= "text” class 一 "formtext” size="15">=/td> 
~ 
~tr> 
=td>&nbsp; 一 /td 二 
一 td colspan 一 2" 一 一 input name 一 "submit' type 一 “submit' value 一 “查找 "一 
二 a href 一 "booksearch. jsp 二 高 级 搜索 二 /a 二 
</td> 
</tr> 
=</form> 
=/table> 


10.4 购书 车 实现 


在 网 上 书店 浏览 时 ,看 见 满意 的 图 书 , 单 击 “ 放 入 购书 车 ” 超 链接 , 即 可 将 图 书 放 入 购 
书 车 。 


10.4.1 购书 车 功能 介绍 


1. 相关 文件 名 与 数据 库 表 
与 购书 车 相关 的 代码 名 称 与 数据 表 名 见 表 10-1。 
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表 10-1 购书 车 代码 表 
功 能 代码 名 称 相关 的 数据 库 表 名 
将 选中 图 书 放 入 购书 车 addtocart. jsp 图 书 表 book 
显示 购书 车 shoppingcart. jsp 
购书 数量 加 1 increaseCart. jsp 
购书 数量 减 1 decreaseCart. jsp 
从 购书 车 中 取消 某 书目 delfromcart. jsp 
去 收银 台 orderl. jsp 用 户 表 userinfo 
7 ey os 
清空 购书 车 clearcart. jsp 


2. 购书 车 数据 结构 
购书 车 的 数据 结构 应 用 CartBean. 


package bean; 


public class cartBean { 
public String bookid="; 
mm 


public String bookname= 


public String publish 一 ”“; 
public int ordernum 一 0; 
public double unitprice=0.0; 
public double subtotal=0.0; 


} 


变量 含义 : 

bookid : 书号 
bookname: 书 名 
publish: 出 版 社 
ordernum: 订购 数量 
unitprice: 单价 
subtotal: 合 价 


3. 显示 购书 车 


java 代码 ,代码 清单 如 下 : 


在 网 上 选中 图 书后 , 单 击 “ 放 入 购书 车 ” 超 链 接 , 调 用 addtocart. jsp 代码 ,将 选中 的 图 
书 放 入 购书 车 ,再 跳 转 至 shoppingcart. jsp, 显 示 购 书 车 的 内 容 , 见 图 10-8。 


在 该 界面 可 以 完成 以 下 操作 : 


@) 单 击 “取消 ? 超 链接 ,调用 delfromcart. jsp 代码 将 该 书目 从 购书 车 中 删除 。 
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; 文件 下 ) 编辑 人 E) 查看 (四 收藏 (&) 工具 (I) 帮助 (ED) 
地 址 @@) -| 撞 http://localhost:8080/bookshop/shoppingcart. jsp 


Wang Luo gou shu xi tong 大 今天 是 2008 年 9 月 13 日 , 欢迎 光 虱 
会 首页 精品 图 书 | | 同 新 书架 [成 书 目 查 找 | | 了 3 我 的 订单 | 所 购书 车 | | 信访 者 留言 


购书 车 


书号 书 名 出 版 社 操作 
ISHN 7 12927 eb 程序 设计 清华 大 学 出 版 社 
ITSBN 9787 Cc 程序 设计 清华 大 学 出 版 社 
ISBN 9787115173393 Java 程 序 设计 人 民 邮 电 出 版 社 


图 10-8 显示 购书 车 


@ 单 击 “ 清 空 购 书 车 ”按钮 ,调用 clearcart. jsp 代码 ,把 购书 车 清空 。 
@@ 单 击 “继续 购书 ”按钮 ,返回 客户 端 处 理 主 界面 index. jsp 代码 ,继续 购书 。 
@ 单 击 “ 十 ”或 “一 ”按钮 ,调用 increaseCart. jsp 或 decreaseCart. jsp 代码 ,更 改 
数量 。 
@) 单 击 “去 收银 台 ” 按 钮 ,调用 orderl. jsp 代码 , 跳 转 至 图 10-9 下 订单 界面 。 
http://localhost :8080/bookshop/orderl. jsp - Microsoft Intern... [EC | 区 | 


i 文件 (EE) 编辑 全) 查看 (2) 收藏 (6) 工具 (I) 帮助 (ED [2 
地址 (D) ~| 稳 http://localhost:8080/bookshop/orderl. jsp 第 入 中 文 ,二 按 搜索 国 | 因 条 到 


Wang Luo gou shu xi tong 今天 是 2008 年 9 月 13 日 , 欢迎 光临 ! 


为 方便 我 们 及 时 将 书 送 到 您 手 上 ， 请 您 确保 以 下 信息 真实 可 靠 :( 带 * 号 的 为 必 填 项 ,其 它 的 可 以 不 填 》 


收 货 人 fanyuehua ]* 
收 货 人 地 址 北京 朝阳 区 北 四 环 东 路 97 号 
联系 电话 64900000 b 
邮编 100101 hk 
付费 方式 邮局 汇款 加 | 
送 货 方式 24 小 时 全 国 特 快 专递 团 


图 10-9 下 订单 界面 


4. 下 订单 


在 图 10-9 的 下 订单 界面 单 击 “ 我 要 下 订单 ”按钮 ,页 面 跳 转 到 order2.jsp, 显 示 订 单 信 
息 , 如 图 10-10 所 示 。 
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名 http:V/localhosgt :8080/bookshopyorder2- - Microsoft Intern... [|G|[x| 
: 文件 (E) ”编辑 (E) 查看 (?) 收藏 由) 工具 (TI) 帮助 (0) 
地址 (D) “| 和 罩 http://localhost:8080/bookshopyorder2. jsp 请 入 中 文 转 到 


| 


Wang Luo gou shu xi tong 今天 是 2006 年 9 月 13 日 ,欢迎 光 虱 1 


使 首页 一 同 新 书架 | | 忆 书 目 查 找 | | 我 的 订单 ”| 购书 车 | | 让 该 者 留言 


将 已 经 成 功 下 单 ,下面 是 您 这 次 订单 的 购 节 信息 , 请 记 住 您 订单 号 ,我 们 的 工作 人 员 会 及 时 与 人 联系 


订单 号 :1047 


收 货 人 : fanyuehua 地 址 :北京 朝阳 区 北 四 环 永 路 97 号 
邮编 ,100101 联系 电话 :64900000 
书号 书 名 出 版 社 单价 数量 本) 
ISBN 7-302-12927-4 Wet 程 序 设计 清华 大 学 出 版 社 ¥58.0 2 
ISBN 9767302151579 C 程 序 设计 清华 大 学 出 版 社 ¥195 1 
ISBN 9767115173393 Javs 程 序 设计 人 民 邮 电 出 版 社 ¥490 1 
合计 4 中 ) 


谢谢 您 的 支持 | 


图 10-10 订单 


5. 我 的 订单 


在 网 上 书店 的 客户 端 处 理 界面 上 方 单 击 “ 我 的 订单 ”按钮 ,调用 myorder. jsp 页 面 , 显 
示 该 读者 的 全 部 订单 信息 ,如 图 10-11 所 示 。 


http://localhost :8080/bookshop/myorder. jsp - Microsoft Inter... [- |CI(X 
文件 (E) ”编辑 (E) 查看 (Y) 收藏 (6) 工具 (IT) 帮助 (ED) 
i 地址 (D) “| 四 | http://localhozt:8080/bookshop/myorder. jsp < 铺 入 中 文 , 丰 按 雪 索 国 | 因 二 到 


Wang Luo gou shu xi tong 今天 是 2008 年 9 月 13 日 , 欢迎 光 虱 1 
首 精品 图 书 | | 同 新 书 染 | | 所 书目 查找 


我 的 订单 


序号 ”订单 号 。 日 期 总 价 

1 1047 2008-09-13 北京 朝阳 区 北 四 环 示 路 97 叶 ¥184.50 
2 104 2006-12-13 北京 朝阳 区 北 四 环 床 路 97 号 ¥188.00 
3 104 2006-12-13 北京 朝阳 区 北 四 环 让 路 97 号 ¥80.00 
4 1044 2008-12-12 fanyushus 北京 朝阳 区 北 四 环 不 路 97 呈 于 60.00 


订单 1047 的 明细 


书 名 出 版 社 数量 本 ) 
eb 程序 设计 清华 大 学 出 版 社 2 

C 程 序 设计 清华 大 学 出 版 社 

Jave 程 序 设计 人 民 闻 电 出 版 社 


图 10-11 我 的 订单 


10.4.2 放 人 购书 车 addtocart. jsp 代码 


WH%@ page contentType 一 "text/html; charset 一 GB2312" 听 一 
HE@ page import 一 “bean. * ,java. util. *“% 一 
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<%@ page import 一 "java. sql. *"%> 
=% 
Class. forName(”sun. jdbc. odbc. JdbcOdbcDriver ) ; 
Connection conn 一 DriverManager. getConnection("jdbc:odbc:bookshoplk'" .sa ,”); 
Statement stmt 一 conn. createStatement 
(ResultSet. TYPE_SCROLL,_INSENSITIVE. ResultSet. CONCUR_READ _ ONLY); 
ResultSet rs 一 null; 
%> 
<=% 
String s_bookid= request. getParameter(”bookid”) ; 
rs 一 stmt. executeQuery( "select * from book left join publisher on 
book. publisherid= publisher. publisherid where bookid 一 “十 s_bookid 十 "”“); 
rs. next(); 
String s_bookname= rs. getString(”bookname’) ; 
String s_author= rs. getString("author’) ; 
String s_price= rs. getString(”price’); 
String s_publish= rs. getString("name') ; 
int Lordernum 一 1; 
double d_unitprice= Double. parseDouble(Cs_price) ; 
double d_subtotal=i_ordernum * d_unitprice; 
d_subtotal= Math. round(d_subtotal * 100)/100. 00; 
cartBean cbean= new cartBean(); 
cbean. bookid= s_bookid; 
cbean. bookname=s_bookname; 
cbean. publish=s_publish; 
cbean. ordernum=i_ordernum; 
cbean. unitprice= d_unitprice; 
cbean. subtotal=d_subtotal; 
Collection c_cart= (Collection) session. getAttribute(’cart’); 
Iterator it= null; 
%> 
<% 
if(c_cart= = null){ 
c_cart 一 new Vector(); 
c_cart. add(cbean); 
session. setAttribute(’cart’,c_cart); 
}else{ 
String s_flag= "false”; 
it 一 c_cart. iterator(); 
while(it. has Next()){ 
cartBean cb= (cartBean) (it. next()); 
if(cb. bookid. equals(s_bookid) ){ 
cb. ordernum 十 十 ; 
cb. subtotal = cb. unitprice; 
s_flag="true”; 


}//if end 
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}//while end 
if(s_flag. equals("false’)) { 
c_cart. add(cbean); 
} 
}//else end 
response. sendRedirect(”shoppingcart. jsp") ; 


%> 


10.4.3 ”显示 购书 车 shoppingcart. jsp 代码 


WH%@ page contentType= "text/html; charset=GB2312”"%> 
WH%@ page import="bean. * ,java. util. *”%> 
< 一 script language 一 "JavaScript type 一 "text/JavaScript 一 
一 ! 一 
function MM _ goToURL() { //v3.0 
var i, args—= MM goToURL. arguments; document. MM_returnValue= {false; 
for (i=0; i<(args. length-1); i+ =2) eval(args[i]++". location 一 “十 args[Li 十 1] 十 "”); 
} 
// 一 > 
=/script> 
一 link href 一 “maincss. css” rel="stylesheet” type= "text/css’> 
一 div align 一 "center 一 
< 一 table width 一 "750”border 一 "0”cellspacing 一 "1”cellpadding 一 "] 一 


< 二 tr 一 

一 td 二 二 div align="center’ > = %@include file="top. jsp’ %>=/div>=/td> 
/ti 
< 


一 td 二 一 div align="center’> 
一 table width="100%" border="0" cellpadding 一 "1”cellspacing 一 "1”class 一 "td 一 
<tr> 
二 td colspan 二 "7" 二 购书 车 二 /td 二 
</tr> 
<tr> 
一 td colspan 一 "7" 盖 一 hr size 一 "1”noshade width="100%">=/td> 
< 一 /tr 一 
=% 
int i_totalnum=0; 
double d_totalamount=0.0; 
Collection c_cart 一 (Collection) session. getAttribute(”cart”) ; 
Iterator it 一 null; 
if(Cc_cart! 一 null&&c_cart. size() 二 0){%% 二 
=tr> 
二 td 二 书号 二 /td 二 
二 td 二 书 名 二 /td 二 
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Ex 


二 td 二 出 版 社 二 /td 二 
二 td 二 单价 二 /td 二 
一 td 二 数量 (本 ) 一 /td 一 
二 td 二 合 价 二 /td 二 
一 td 二 操作 一 /td 
</u> 
<=% 
it 一 c_cart. iterator(); 
while(it. hasNext())! 
cartBean cbean= (cartBean) (it. next()); 
i_totalnum 十 一 cbean. ordernum; 
d_totalamount 十 一 cbean. subtotal; 
%> 


~tr> 
< 一 td height 一 "19" 一 一 a href 一 "bookdetail. jsp? bookid==%=cbean. bookid% >" 


target 一 ”blank' 一 一 % 一 cbean. bookid% 二 一 /a 二 一 /td 二 
=td>=%=cbean. bookname%% 二 一 /td 一 
=td>=%=cbean. publish%% 二 一 /td 一 
<td>¥=%=cbean. unitprice% ></td> 
=td> <input type= "text" class 一 "formtext” value="—%=cbean. ordernum% > 
"size="5" readonly> &.nbsp; 
二 input type 一 “button” onClick 一 "MM_goToURL('parent' ，increaseCart. jsp? 
bookid= =% = cbean. bookid% 二 ') :return document. MM _returnValue” value= 
"+"> &nbsp; 
input type="button” onClick=”"MM_goToURL('parent’,'decreaseCart. jsp? 
bookid 王 一 %% = cbean. bookid% >');return document. MM _returnValue” value 一 
"一 "全 二 /td> 


<td>¥=%=cbean. subtotal% 二 一 /td 一 
一 td 二 一 a href="delfromcart. jsp? bookid 王 一 %% 一 cbean. bookid% 二 "全 取消 一 /a 二 一 /td 二 


/> 
=<% }//while%> 
i 


一 td colspan 一 4" 一 一 div align 一 “right 全 合计 一 /div 二 一 /td 二 
一 td 二 二 %=i_totalnum% 记 (本 ) 二 /td 请 


=% 
d_totalamount= Math. round(d_totalamount * 100)/100. 00; 
%> 
一 td colspan="2">¥=%=d_totalamount%>=/td> 
=</tr> 
< > 


一 td colspan="7"> 一 div align 一 "center 一 
一 input type= "button” onClick 一 "MM_goToURL('parent' .clearcart. jsp' ) ; 
return document. MM_returnValue” value 二 "清空 购书 车 二 &nbsp;&nbsp; 
一 input type= "button” onClick 一 "MM_goToURL(C'parent' .'index. jsp'); 
return document. MM_returnValue” value 一 "继续 购书 " 盖 & nbsp;&nbsp; 
一 input type 一 "button"” onClick 一 "MM_goToURLC'parent' "orderl. jsp'); 
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return document. MM _returnValue” value 一 "去 收银 台 " 一 
一 /div 盖 一 /td 一 
=/tr> 
=%}else{ 中 二 
< 一 tr 一 
一 td colspan 一 "7 全 一 div align 一 “center 一 您 的 购书 车 为 空 ! 一 /div 二 一 /td 二 
</tr> 
=% }//else%> 
=/table> 
=/div>=/td> 
wi 
< 一 tr 一 
一 td 二 二 div align 一 “center 一 一 %@include file="bottom. jsp"%% 二 二 /div 二 二 /td 二 
< 一 /tr 一 
=/table> 
=/div> 


10.5 读者 留言 功能 实现 


10. 5.1 读者 留言 功能 介绍 


读者 成 功 登 录 网 上 书店 后 , 单 击 页 面 左 方 “ 给 管理 员 留 言 " 超 链 接 , 进 入 
leaveword. jsp 留 言 界面 ,显示 读者 留言 , 见 图 10-12。 读 者 留言 后 , 单 击 “ 留 言 ”" 按 钮 ， 


文件 EE) ”编辑 (E) 查看 (Y) 收藏 (@) 工具 (I) 帮助 (B) 本 


5 地 址 (D) “| 四 http://localhost:8080/bookshop/leavevord. jsp 所 和 输入 中 文 , 直接 雪夫 国 | 回转 到 
RP ey i a - 今天 是 200 年 0 月 13 日 ,欢迎 光 闪 ! 国 | 
首页 -一 一 国 新 书架 [所 书目 查找 | [| 我 的 订单 | | 本 购书 车 | | 训 谍 者 留言 
读者 留言 
最近 的 留言 共 3 末 , 分 1 页 显示 , 生机 显 耶 5 末 第! 页 首页 上 一 页 下 一 页 未 页 
留言 日期 。 留言 人 主题 内 容 处 理 日 期 处理 意见 
2008-09-13 。 fanyuehaa 。 书 收 到 书 已 收 到 ,谢谢 2008-09-15 。 合 作坊 快 ,欢迎 下 次 光 格 1000002 
2004-09-08 ah | 设计 一 区 到 谢 。2o04-og-10 会 作坊 机 ,欢迎 下 深交 格 1000002 
2004-07-30 pds 要 收 到 了 于 证 让 二 下 这 “头发 从 能 2004-08-17 一 定 注 意 尽快 发 书 !saf 


坦 “CC 一 一 一 王 


图 10-12 读者 留言 
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调用 leaveword2. jsp 代 码 : 将 留言 写 和 人 nodes 表 ,并 返回 leaveword. jsp 显示 留言 。 


10.5.2 读者 留言 leaveword. jsp 代码 


TW%@ page contentType= "text/html; charset=GB2312”"%> 
WH%@ page import="java. util. * ,java. sql. *”"%> 

一 SCRIPT LANGUAGE="javascript > 

== 

function CheckSubmit() 


: 


{ 


if( document. form. subject. value= 一 
{ alert(" 请 输入 主题 1"); document. form. subject. focus(); return false; } 


mm 
) 


mm 
) 


if( document. form. context. value= = 
{ alert(" 请 输入 内 容 !"); document. form. context. focus(); return false; } 

if( document. form. context. value. length 二 一 100 ) 
{ alert(" 留 言 内 容 不 能 大 于 100 字 !”); document. form. context. focus(); return false; } 


return true; 


=/SCRIPT> 
=% 


request. setCharacterEncoding("GB2312”) ; 
Class. forName(”sun. jdbc. odbc. JdbcOdbcDriver ); 
Connection conn= DriverManager. getConnection( “jdbc:odbc:bookshoplk“ sa",”“); 
Statement stmt= conn. createStatement 
(ResultSet. TYPE_SCROLL,_INSENSITIVE. ResultSet. CONCUR_READ_ONLY):; 
ResultSet rs 一 null; 


String s_userid 一 (String) session. getAttribute(”userid”) ; 


int i_totalnum=0; // 总 记录 数 

int i_pagenum—=5; // 一 页 显示 的 记录 数码 
int i_totalpage=0; // 总 页 数 

int i_currentpage=1; // 当 前 页 

String s_createid="; 


String s_subject="”; 
String s_datel ="; 


String s_context= 人 


String s_employeeid 一 ”“; 


mm 


String s_date2= 
String s_advice=”; 
rs=stmt. executeQuery("select count( * ) from notes “); 
rs. next(); 
itotalnum= rs. getInt(1); 
i_totalpage=i_totalnum/i_pagenum; 
if(i_totalnum %i_pagenum!=0) 

i_totalpage 十 十 ; 


String op= request. getParameter("op’”); 


Web 技 术 应 用 基础 (第 2 版 ) 


ifCop!=null&. &.op. equals("show’)) { 
String s_currentpage 一 request. getParameter(’currentpage’); 
i_currentpage= Integer. parselnt(s_currentpage); 
} 
if(Cop! 一 null&&op. equals(”"previous’)){ 
String s_currentpage 一 request. getParameter("currentpage'") ; 
i_currentpage= Integer. parseInt(s_currentpage) 一 1; 
} 
if(op!=null&. &.op. equals("next’)){ 
String s_currentpage 一 request. getParameter( "currentpage’); 
i_currentpage= Integer. parseInt(s_currentpage) 十 1; 
} 
ifCop! 一 null& &op. equals(C firstpage")){ 
i_currentpage=1; 
} 
if(op!=null&. &.op. equals("lastpage’)) { 
i_currentpage=i_totalpage; 
} 
%> 
一 link href 一 “maincss. css” rel="stylesheet"” type 一 "text/css 一 
一 div align 一 "center 一 
< 一 table width 一 “750”border 一 "0”cellspacing 一 "1”cellpadding 一 "] 一 


< 一 tr 一 

一 td 二 一 div align 一 “center 二 一 中 @include file="top. jsp’ %>=/div>=/td> 
一 /tr 一 
=tr> 


一 td 二 一 div align="center’> 
一 table width="100%" border="0" cellpadding="1" cellspacing="1" class="td"> 
<tr> 
一 td colspan 一 "6" 一 读者 留言 二 /td 二 
/tr> 
<tr> 
一 td colspan 一 "6" 盖 一 hr size 一 "1”noshade width="100%">=/td> 
</tr> 
=%ifCi totalnum!=0){%> 
<tr> 
< 一 td colspan 一 "3" 二 最 近 的 留言 共 一 % 王 Ltotalnum%% 二 条 .分 二 % 王 itotalpage% 二 
页 显示 ,每 页 显示 二 % 二 i_pagenum% 二 条 二 /td 二 
一 td colspan 一 "3" 盖 一 div align= "right > 
第 一 中 一 icurrentpage% 一 页 &nbsp; 
=% ifli_currentpage>1){%> 
一 a href 一 "leaveword. jsp? op 一 firstpage' 二 首页 一 /a 二 
一 上 }else{ % 二 首页 一 上 %)%% 二 &nbsp; 
=% if(i_currentpage>1){%> 
一 a href 一 "leaveword. jsp? op= previous&.currentpage= = %=i currentpage% 


二 "二 上 一 页 </a> 
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=% }else{ % 二 上 一 页 一 %}% 盖 &nbsp; 
=% if(i_currentpage!=i_totalpage){ % > 
一 a href 一 "leaveword. jsp? op=next&.currentpage=—%=i currentpage% >" 
> 下 一 页 二 /a> 
二 % }else{ % 王 下 一 页 一 % }% >&nbsp; 
一 %% if(i_currentpage!=i totalpage){ %> 
一 a href 一 "leaveword. jsp? op 一 lastpage' 一 末 页 一 /a 一 
二 % }else{ 站 盖 末 页 二 %} 5 二 
</div><=/td> 
=/tr> 
<tr> 
< 一 td colspan="6"> &nbsp;=/td> 
一 /tr 一 
< 一 tr 之 
一 td width 二 ”10%” 二 留言 日 期 二 /td 二 
二 td width 二 "10%" 二 留言 人 二 /td 二 
< 一 td width 一 "15% "> 主题 二 /td 
一 td width 王 "25% "全 内 容 二 /td 一 
一 td width 二 10% 二 处 理 日 期 二 /td 二 
一 td width= 王 "30%% "一 处 理 意 见 二 /td 二 
一 /tr 
=% 
rs 一 stmt. executeQuery("select * from notes order by id desc’); 
if(i_currentpage>i_totalpage) 
i_currentpage=i_totalpage; 
int i_position= (i_currentpage-1) * i_pagenum; 
if(i_position= =0) 
rs. beforeFirst(); 
else 
rs. absolute(iL_ position) ; 
for(int i=0;i<i_pagenum;i 十 十 ){ 
ifC lrs. isLast()){ 
rs. next(); 
s_createid= (rs. getString(”userid’)!= null?rs. getString(”userid’) :”); 


m 
)3 


s_subject= (rs. getString(”subject’) ! 一 null?rs. getString("subject ) : 
s_datel= (rs. getString("datel")! 一 null?rs. getString("datel"). substring(0.10):”“); 
s_context= (rs. getString("context') ! 一 null?rs.getString(" context) :”“); 
s_employeeid 一 (rs. getString("employeeid") ! 一 null?rs. getString(”"employeeid”) :”); 
s_date2= (rs. getString("date2") 1 一 null?rs. getString("date2"). substring(0.10) :”“); 
s_advice 一 (rs. getString("advice") ! 一 null?rs. getString("advice’) : [请 等 待 工 作 人 员 处 理 ]); 
%> 
< 到 tr 一 
< 一 td 二 一 % 王 s_datel1% 二 一 /td 
一 td >=%=s createid%>>=/td> 
< 一 td 二 一 站 一 s_subject% 二 一 /td 一 
一 td >=%=s context%>>=/td> 
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一 td 二 一 中 一 s_date2% 二 一 /td 一 
< 一 td 二 一 上 一 s_advice% 二 一 /td 


一 /tr 一 
=% 
}//f 
}//for 
%> 
=%}else{ %> 
=tr> 
一 td colspan="6"> &nbsp;=/td> 
</tr> 
=%}%> 
<=% 
if(s_userid!= nulD){ 
%> 
一 form name 一 "form”action 一 "leaveword2. jsp” method="post > 
< 
二 td width 一 "9%%" 人 主题 一 /td 
< 一 td colspan 一 "5" 盖 一 input name="subject” type= "text” size 一 "25" 盖 一 /td 二 
二 /tr> 
<tr> 
二 td width 二 "9%" 二 留言 之 /td 二 
一 td colspan="5"><textarea name 一 "context” cols="70" rows 一 "10' 一 一 /textarea 二 一 /td 一 
</tr> 
i 
一 td colspan="6">=div align 一 “center 一 一 input name= "userid” 
type="hidden” value="—=%=s_userid%>"> 
一 input name="submit” type="submit” value 一 "留言 ” onClick 一 “return CheckSubmit(O) ;一 
一 /div 之 一 /td 
</tr> 
=/form> 
=%}else{%> 
=<tr> 
一 td colspan="6"> &.nbsp;=/td> 
</tr> 
< 一 tr 一 
一 td colspan 一 "6 一 您 还 没有 登录 ,登录 用 户 可 以 发 表 留 言 ! 二 /td 二 
</tw> 
=%}%> 
=</table><=/div></td> 
/i 
~tr> 


=td>=div align="center >=%@include file="bottom. jsp’ %>=/div>=/td> 
< 一 /tr 
一 /table 二 
<=/div> 
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10.5.3 将 留言 写 人 数据 库 leaveword2. jsp 代码 


<%@ page contentType 一 "text/html; charset=GB2312”"%> 
TH%@ page import 一 “java. util. * ,java. sql. *"%> 
<=% 
request. setCharacterEncoding("GB2312”) ; 
Class. forName(”sun. jdbc. odbc. JdbcOdbcDriver ) ; 
Connection conn= DriverManager. getConnection( “jdbc:odbc:bookshoplk" ,sa ,”); 
Statement stmt= conn. createStatement 
(ResultSet. TYPE_SCROLL_INSENSITIVE. ResultSet. CONCUR_READ _ ONLY); 
ResultSet rs= null; 
String s_userid= request. getParameter(”userid”); 
String s_subject= request. getParameter(”subject’); 
String s_context= request. getParameter(’context’); 
String s_sql="insert into notes(userid, subject,datel ,context)“ 十 
"values(” 十 s_userid 十 ,十 s_subject 十 ”,getdate()," 十 s_context 十 ”)"”; 
stmt. executeUpdate(s_sql); 
response. sendRedirect("leaveword. jsp’); 


%> 


10.6 订单 管理 功能 实现 


管理 端 业务 处 理 主要 有 : 图 书 管理 ,用户 管理 .订单 管理 .留言 管理 .出 版 社 管理 和 职 
工 管理 等 模块 ,以 订单 管理 为 例 说 明 它 们 的 实现 方法 。 


10.6.1 订单 管理 功能 介绍 


发 布 在 bookshop/admin 目录 下 的 index. jsp 文件 .打开 管理 端 业 务 处 理 主 界面 , 见 
图 10-13。 管 理 员 在 界面 中 输入 用 户 名 和 密码 ,系统 将 此 密码 和 用 户 名 与 数据 库 中 职工 
表 employee 中 的 信息 对 照 , 如 果 输 入 不 正确 ,系统 将 提 ”gg 
示 管 理 员 重 新 输入 ; 若 输入 正确 ,将 转 至 管理 员 界面 。 | 文 # Gy 全 (E) 得 看 包 ， 收 训 
管理 员 单 击 “ 订 单 管理 ”按钮 ,调用 orderlist. jsp 显示 数 “| 二 思 国人 cearirvinaer ;sp 国 
据 库 订单 表 orderform 中 的 数据 , 见 图 10-14。 

订单 有 三 种 状态 : 未 处 理 、 Bi I 下 订单 
a 态 。 管 理 员 发 货 后 ,将 订单 状态 
改 为 “已 发 货 *"。 送 货 员 从 用 户 处 收回 货款 后 ,将 状态 改 ES 
为 “完毕 ”。 管 理 员 可 以 在 显示 订单 页 面 上 更 改 订单 状 图 10-13 管理 员 身 份 验证 
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到 http://localhost :8080/bookshop/admin/orderlist. jsp — Micros... 
;文件 (E) 编辑 (E) 查看 ( 罗 收藏 (4) 工具 (IT) 帮助 (0 
三 地 址 他 ) ~| 简 http://localhost:8080/bookshop/adnin/orderlist. jsp 


Wang Luo gou shu xi tong 
GG 图 书 管理 用 户 管理 订单 管理 留言 管理 职工 管理 


日 期 收 货 人 地 址 

2008-09-13 fanyuehua 北京 朝阳 区 北 四 环 永 路 97 号 
2006-12-13 Eanyuehua 北京 朝阳 区 北 四 环 未 路 97 号 
2006-12-13 Eanyuehua 北京 朝阳 区 北 四 环 东 路 97 号 
2006-12-12 Eanyuehua 北京 朝阳 区 北 四 环 让 路 97 号 


共 ! 页 第 ! 页 首页 上 一 页 下 一 页 未 页 
订单 1047 的 明细 
3 书 名 出 版 社 
ISBH T-302-12927-4 Web 程序 设计 清华 大 学 出 版 社 
ISBN 9767302151579 5 程序 设计 清华 大 学 出 版 社 
ITSBN 97687115173393 Javs 程 序 设计 人 民 邮 电 出 版 社 


图 10-14 显示 订单 


态 , 单 击 页 面 上 “更 改 状 态 ” 栏 目的 超 链接 ,调用 orderedit. jsp 代码 改变 订单 的 状态 。 
理 员 也 可 以 单 击 页 面 右 上 角 的 “查询 ” 超 链接 ,弹出 订单 查询 界面 ee 
一 订单 ,并 把 它 显示 出 来 ,如 图 10-15 所 示 。 


http://localhost :8080/bookshop/admin/orde 
; 文件 (E) 编辑 (E) 查看 (Y) 收藏 个) 工具 (IT) 帮助 (H) 


= 地址 (0) 四 站] http://localhost:8080/bookshop/adnirVordersearc 


gou shu xl 一 
' 图 书 管理 用 户 


订单 号 


订单 日 期 区  EEO05e-1 中式 :2004-09-01) 
下 单 人 
图 书 总 数 1000 


总 价 bk 1000. 00 
状态 


图 10-15 订单 查询 


管理 员 输 入 查询 条 件 后 . 单 击 “查询 ”按钮 .调用 orderlist. jsp 显示 需要 查询 的 
订单 。 
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10.6.2 管理 员 身 份 验证 bookshop/admin/index. jsp 代码 


=%@ page contentType 一 "text/html; charset=GB2312”%> 
=%@ page import 一 “java. util. * ,java. sql. *”%> 
一 SCRIPT LANGUAGE="javascript > 
二 
function CheckSubmit() 
{ 
if( document. loginform. employeeid. value= = 


mm) 


{ alert(" 请 输入 用 户 名 !"); document. loginform. employeeid. focus(); return false; } 
if( document. loginform. password. value= 一 ”“) 
{ alert(" 请 输入 密码 1”); document. loginform. password. focus(); return false; } 
if(document. loginform. employeeid. value. indexOf(””) 
!=—1||document. loginform. employeeid. value. indexOf(”) !=—1) 
{ alert(" 用 户 名 不 能 包含 单 引 号 、 空 格 等 字符 !"); document. loginform. employeeid. focus(); 


return false; } 


return true; 
} 
=/SCRIPT> 
<=% 
request. setCharacterEncoding("GB2312”) ; 
Class. forName(”sun. jdbc. odbc. JdbcOdbcDriver ); 
Connection conn= DriverManager. getConnection("jdbc:odbc:bookshoplk”.”sa”,”); 
Statement stmt= conn. createStatement 
(ResultSet. TYPE_SCROLL_INSENSITIVE. ResultSet. CONCUR_READ_ONLY); 
ResultSet rs=null; 
String op= request. getParameter("op’”); 
if(op!=null&. &op. equals("login’)) { 
String s_employeeid= request. getParameter("employeeid”); 
String s_password= request. getParameter(”password’”); 
rs 一 stmt. executeQuery(’select * from employee where 
employeeid 二 ”十 s_employeeid 十 ” and password 二 ”十 s_password 十 ”"); 
if(rs. next()){ 
session. setAttribute("admin’,s_employeeid) ; 
response. sendRedirect(”booklist. jsp”); 
} 


else{ 


response. sendRedirect("../error. jsp? error 二 ”十 ”用户 名 或 密码 不 正确 !"); 


} 
%> 


一 link href=".. /maincss. css” rel="stylesheet” type= "text/css’> 
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一 div align 一 “center 一 
< 一 br>> 二 br 一 一 br> 一 br 
一 table width 一 "20 邮 ”border 一 "0”cellpadding 一 "0”cellspacing 一 "0”class 一 "td 一 
一 form name 一 "loginform” action 一 "index. jsp? op 一 login” method 一 post 一 
二 村 > 
一 td colspan 一 "2" 一 一 img src="../images/adin_rl. jpg >=/td> 
一 /tr 一 
< 到 tr 一 
一 td width 一 ”25%” 汪 用 户 名 二 /td 
=td>=input name="employeeid” type="text” size="15"><=/td> 
<=/tr> 
< 一 tr 一 
二 td 二 密码 二 /td 二 
=td>=input name="password"” type="password” size 一 "15" 盖 一 /td 二 
fi 
< 
一 td colspan="2">=div align 一 "center > 
一 input name 一 “submit' type="submit” onClick 一 "return CheckSubmit();”value 一 "登录 "一 
=</div><=/td> 
=</tr> 
=/form> 
=/table> 
</div> 


10.6.3 ”订单 处 理 orderedit. jsp 代码 


TH%@ page contentType="text/html; charset=GB2312”%> 
HH@ page import="java. util. * ,java. sql. *”"%> 
妆 关 
Class. forName("sun. jdbc. odbc. JdbcOdbcDriver ) ; 
Connection conn= DriverManager. getConnection( “jdbc:odbc:bookshoplk" sa" .”“); 
Statement stmt 一 
conn. createStatement ( ResultSet. TYPE _ SCROLL _ INSENSITIVE,. ResultSet. CONCUR _ 
READ_ONLY); 
ResultSet rs= null; 
String s_admin 一 (String) session. getAttribute("admin’) ; 
i 计 Cs_admin 一 一 null){ 
response. sendRedirect("checklogin. jsp’); 
} 
String s_currentpage 一 request. getParameter(’currentpage ); 
String s_orderid= request. getParameter( ”orderid”) ; 
String s_state 一 request. getParameter(”state”) ; 


stmt. executeUpdate(”"update orderform set state 一 “十 s_state 十 ”where orderid 一 “十 s_orderid 十 "”); 
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rs 一 stmt. executeQuery("select * from orderdetail where orderid 一 “十 s_orderid 十 “”); 


while(rs. next()){ 
String s_bookid= rs. getString(”bookid”) ; 
int Lordernum 一 rs. getInt("ordernum’); 
Statement stmt2 一 conn. createStatement 
(ResultSet. TYPE_SCROLL_INSENSITIVE ,ResultSet. CONCUR_READ_ONLY) ， 
stmt2. executeUpdate("update book set quantity = quantity-” 十 i_ordernum 十 ”where bookid 
一 "十 s_bookid 十 "”); 
; 
response. sendRedirect(”orderlist. jsp? op 一 show&-currentpage 一 "十 s_currentpage) ; 


%> 


上 机 练习 与 实 训 10 | 


一 、 上 机 练习 
1. 完成 留言 板 的 制作 ,界面 如 图 10-16 所 示 。 


用 户 留 言 板 


Ey 


本 此 本 海 
中 尊 世 


B 


GE [浏览 留言 ] 《EREES 
图 10-16 留言 板 


2. 完成 一 个 网 上 聊天 室 的 制作 。 

二 、 实 训 课 题 

1. 完成 仓库 内 部 管理 系统 的 分 析 、 设 计 与 实现 。 主 界面 如 图 10-17 所 示 。 要 求 具 
有 : 显示 商品 、 添 加 商品 、 商 品 人 库 、 商 品 出 库 、 查 找 商 品 和 清除 商品 等 功能 。 

2. 完成 BBS 论坛 的 制作 ,包含 有 以 下 功能 : 

(1) 会 员 管理 子 系统 : 实现 会 员 的 在 线 注册 、 登 录 时 身份 验证 、 个 人 信息 修改 。 

(2) 文章 管理 子 系统 : 显示 文章 主题 .阅读 文章 .发表 文章 和 跟 帖 文章 。 

(3) 留言 管理 : 提交 留言 .浏览 留言 和 回复 留言 。 

3. 完成 图 书馆 管理 信息 系统 的 制作 ,系统 功能 见 图 10-18。 

4. 完成 网 上 考试 系统 的 制作 ,系统 功能 如 下 : 

(1) 身份 验证 子 系统 

只 有 被 授权 的 用 户 才 可 以 登录 考试 系统 ,本 系统 把 登录 系统 的 身份 定 为 三 种 ,不 同 的 
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仓库 内 部 管理 系统 


| 本 下 3 


图 10-17 仓库 内 部 管理 系统 


读 图 图 图 电 读 | |[ 系 
者 目 书 书 书 r 者 | | 统 
注 预 采 | | 读 留 | | 维 
册 询 阅 定 编 | | 物 言 | | 护 
系 系 系 系 系 板 

统 统 统 统 | | 统 


图 10-18 图 书馆 管理 信 ， 


身份 具有 不 同 的 权限 : 

。 高 级 管理 员 : 具有 整个 系统 的 应 用 权限 。 

。 管理 员 : 可 以 使 用 题库 制作 子 系统 和 成 绩 管理 子 系统 。 
。 考生 : 参加 考试 。 

(2) 系统 管理 子 系统 。 

(3) 考生 管理 子 系统 。 

(4) 题库 管理 子 系统 。 

(5) 监控 中 心 子 系统 。 
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附录 A 网 上 资源 使 用 说 明 


本 书 各 章 的 例题 全 部 调试 通过 , 按 章节 存放 在 清华 大 学 出 版 社 网 站 上 本 书 相 应 信息 
中 。 使 用 方法 如 下 。 


1. 第 2 章 案例 使 用 


例 2. 1 ex2-01. jsp, 把 ex_D02 目录 下 的 ex2-01. jsp 文件 存放 在 \Tomcat 5. 5\ 
webapps\ex_D02 目录 下 。 


2. 第 2 篇 案例 使 用 
第 2 篇 的 案例 存放 在 ex_D04、ex_D05 和 ex_D06 目录 下 ,双击 文件 名 即 可 执行 。 
3. 第 3 篇 案例 使 用 


第 3 篇 所 有 案例 在 “Windows XP 十 Tomcat 5.5 十 SQL 个 人 版 ”环境 上 调试 通过 。 
服务 器 端的 应 用 程序 应 放 在 Web 的 发 布 目录 下 或 其 虚拟 路 径 下 。 本 书 第 3 篇 的 案例 应 
存放 在 \tomcat 5. 5\webapps 下 。 

第 7 章 、 第 8 章 和 第 9 章 的 所 有 案例 存放 在 ex_D07、ex_D08 和 ex_D09 目录 下 ,直接 
把 ex_D07 .ex_D08 或 ex_D09 文件 夹 拖 到 \tomcat 5. 5\webapps\ 目录 下 ,例如 \tomcat 
5. 5\webapps\ ex_D07, 即 可 发 布 运 行 。 


4. 网 上 书店 的 安装 及 使 用 


为 使 读者 在 学 习 过 程 中 易于 理解 ,并 参考 使 用 ,将 系统 适当 剪裁 并 移植 到 计算 机 环境 
中 ,读者 可 以 将 网 上 bookshop 中 的 内 容 复制 到 Tomcat 的 发 布 目 录 下 即 可 运行 。 
安装 操作 步骤 如 下 : 

@ 安装 jdk1. 6.0。 

@ 安装 Tomcat 5.5。 

@ 安装 MS SQL Server 2000 。 

@ 将 bookshop 下 的 数据 库 备 份 文 件 bookshop804 导入 到 数据 库 中 ,数据 库 取 名 为 

bookshop。 把 数据 库 备 份 文件 bookshop804 还 原 到 读者 系统 中 的 操作 如 下 : 

。 在 桌面 上 选择 “开始 一 所 有 程序 一 Microsoft SQL Server 习 企业 管理 器 ”, 进 入 数 
据 库 企业 管理 器 窗口 。 

。 在 “企业 管理 器 ”窗口 中 用 鼠标 右 击 “ 数 据 库 ”, 选 择 “ 所 有 任务 一 还 原 数据 库 ”。 

。 显示 “还 原 为 数据 库 ” 窗 口 ,在 “还 原 为 数据 库 ” 文 本 框 中 输入 数据 库 名 称 
bookshop; 选 择 “ 从 设备 ” 单 选 钮 ,弹出 “参数 框 ”; 在 参数 框 中 单 击 “ 选 择 设备 ” 
按钮 。 

。 系统 显示 “选择 还 原 设备 "窗口 , 单 击 “ 添 加 ”按钮 ,进入 “选择 还 原 目的 ”窗口 。 


。 在 “选择 还 原 目的 ”窗口 中 浏览 数据 库 备 份 文件 (文件 名 为 bookshop804) , 单 击 
“确定 ”按钮 ,系统 自动 将 bookshop 数据 库 还 原 到 读者 系统 中 。 

@ 创建 数据 源 ,选择 “控制 面板 一 管理 工具 一 数据 源 ” 建 立 与 该 数据 库 对 应 的 数据 

源 ,数据 源 取 名 为 bookshoplk。 

@@ 将 bookshop 整个 文件 夹 复制 到 tomcat 发 布 目 录 webapps 下 。 

以 上 步骤 完成 后 ,重启 Tomcat, 在 浏览 器 地 址 栏目 中 输入 : 

http://localhost:8080/bookshop,; 客 户 端 (初始 账号 和 密码 : pds/pass)。 

http://localhost:8080/bookshop/admin, 管 理 端 (初始 账号 和 密码 : admin/pass)。 

进入 网 上 书店 。 
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高 等 学 校 计算 机 基础 教育 教材 精 选 


书 名 
Access 数据 库 基础 教程 ” 赵 乃 真 
AutoCAD 2002 实用 教程 ” 唐 嘉 平 
AutoCAD 2006 实用 教程 (第 2 版 ) 唐 嘉 平 
AutoCAD 2007 中 文 版 机 械 制 图 实例 教程 ” 蒋 晓 
AutoCAD 计算 机 绘图 教程 ” 李 苏 红 
C++ 及 Windows 可 视 化 程序 设计 刘 振 安 
C++ 及 Windows 可 视 化 程序 设计 题解 与 实验 指导 ” 刘 振 安 
C++ 语言 基础 教程 (第 2 版 ) 昌 风 需 
C++ 语言 基础 教程 题解 与 上 机 指导 (第 2 版 ) 吕 风 者 
C++ 语言 简明 教程 ” 吕 风 者 
CATIA 实用 教程 ” 李 学 志 
C 程序 设计 教程 (第 2 版 ) 誉 武子 
C 程序 设计 辅导 与 实 训 “ 崔 武 子 
C 程序 设计 试题 精 选 ” 崔 武 子 
C 语 言 程序 设计 牛 志 成 
PowerBuilder 数据 库 应 用 系统 开发 教程 ” 崔 独 
Pro/ENGINEER 基础 建 模 与 运动 仿真 教程 ” 孙 进 平 
SAS 编程 技术 教程 ” 朱 世 武 
SQL Server 2000 实用 教程 ” 范 立 南 
Visual Basic 6. 0 程序 设计 实用 教程 (第 2 版 ) 罗 朝 盛 
Visual Basic 程序 设计 实验 指导 与 习题 罗 朝 盛 
Visual Basic 程序 设计 教程 ” 刘 天 惠 
Visual Basic 程序 设计 应 用 教程 王 瑾 德 
Visual Basic 试题 解析 与 实验 指导 ” 王 瑾 德 
Visual Basic 数据 库 应 用 开发 教程 ” 徐 安 东 
Visual C++ 6.0 实用 教程 (第 2 版) 杨 永 国 
Visual FoxPro 程序 设计 罗 淑 英 
Visual FoxPro 数据 库 及 面向 对 象 程序 设计 基础 ” 宋 长 龙 
Visual LISP 程序 设计 (AutoCAD 2006) 李 学 志 
Web 数据 库 技 术 ”铁军 
Web 技术 应 用 基础 (第 2 版 ) 樊 月 华 等 
程序 设计 教程 (Delphi) 姚 普 选 
程序 设计 教程 (Visual C++ )” 姚 普选 
大 学 计算 机 (应 用 基础 * Windows 2000 环境 ) 卢 湘 鸿 
大 学 计算 机 基础 ”高 敬 阳 
大 学 计算 机 基础 实验 指导 ”高 敬 阳 
大 学 计算 机 基础 ” 秦 光 洁 
大 学 计算 机 基础 实验 指导 与 习题 集 秦 光 洁 
大 学 计算 机 基础 志 
大 学 计算 机 基础 ” 营 秀 玲 
大 学 计算 机 基础 习题 与 实验 指导 ”党 秀 玲 
大 学 计算 机 基础 教程 (第 2 版， 张 莉 
大 学 计算 机 基础 实验 教程 (第 2 版 ) 张 莉 
大 学 计算 机 基础 实践 教程 (第 2 版 〉 王 行 便 
大 学 计算 机 技术 应 用 ” 陈 志 云 


书 号 
ISBN 978-7-302-12950-9 
ISBN 978-7-302-05562-4 
ISBN 978-7-302-13603-3 
ISBN 978-7-302-14965-1 
ISBN 978-7-302-10247-2 
ISBN 978-7-302-06786-3 
ISBN 978-7-302-09409-8 
ISBN 978-7-302-13015-4 
ISBN 978-7-302-15200-2 
ISBN 978-7-302-15553-9 
ISBN 978-7-302-07891-3 
ISBN 978-7-302-14955-2 
ISBN 978-7-302-07674-2 
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大 学 计算 机 软件 应 用 王 行 恒 

大 学 计算 机 应 用 基础 ”高 光 来 
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多 媒体 应 用 与 开发 基础 ” 史 济 民 

基于 Linux 环境 的 计算 机 基础 教程 ”吴华 洋 

基于 开放 平台 的 网 页 设计 与 编程 (第 2 版 ) 程 向 前 
计算 机 辅助 工程 制图 孙 力 红 

计算 机 辅助 设计 与 绘图 (AutoCAD 2007 中 文 版 )( 第 2 版) 李 学 志 
计算 机 软件 技术 及 应 用 基础 ” 汉 萍 

计算 机 图 形 图 像 处 理 技术 与 应 用 何 葡 
计算 机 网 络 公共 基础 ” 史 济 民 

计算 机 网 络 基础 (第 2 版 ) 杨 云 江 
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网 络 基础 与 Internet 应 用 姚 永 翘 
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读者 意见 反馈 


亲爱 的 读者 : 

感谢 您 一 直 以 来 对 清华 版 计算 机 教材 的 支持 和 爱护 。 为 了 今后 为 您 提供 更 优秀 的 
教材 ， 请 您 抽出 宝贵 的 时 间 来 填写 下 面 的 意见 反馈 表 ， 以 便 我 们 更 好 地 对 本 教材 做 进 
一 步 改进 。 同 时 如 果 您 在 使 用 本 教材 的 过 程 中 遇 到 了 什么 问题 , 或 者 有 什么 好 的 建议 ， 


也 请 您 来 信 告诉 我 们 。 
地 址 : 北京 市 海淀 区 双 清 路 学 研 大 厦 A 座 602 计算 机 与 信息 分 社 营销 室 收 
邮编 ，100084 电子 邮件 : jsjjc@tup.tsinghua.edu.cn 


电话 : 010-62770175-4608/4409 邮购 电话 : 010-62786544 
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您 使 用 本 书 是 作为 : 口 指定 教材 口 选用 教材 口 辅导 教材 口 
您 对 本 书 封面 设计 的 满意 度 : 

口 很 满意 口 满意 口 一 般 口 不 满意 ”改进 建议 

您 对 本 书 印刷 质量 的 满意 度 : 

口 很 满意 口 满意 口 一 般 口 不 满意 ”改进 建议 

您 对 本 书 的 总 体 满意 度 : 

从 语言 质量 角度 看 口 很 满意 口 满意 口 一 般 口 不 满意 
从 科技 含量 角度 看 口 很 满意 口 满意 口 一 般 口 不 满意 
本 书 最 令 您 满意 的 是 : 

口 指 导 明 确 口内 容 充实 口 讲解 详尽 口 实例 丰富 

您 认为 本 书 在 哪些 地 方 应 进行 修改 ? (可 附 页 ) 


您 希望 本 书 在 哪些 方面 进行 改进 ? (可 附 页 ) 


电子 教案 支持 


敬爱 的 教师 : 

为 了 配合 本 课程 的 教学 需要 ， 本 教材 配 有 配套 的 电子 教案 (素材 )， 有 需求 的 教师 可 
以 与 我 们 联系 ， 我 们 将 向 使 用 本 教材 进行 教学 的 教师 免费 赠送 电子 教案 (素材 )， 希 望 有 
助 于 教学 活动 的 开展 。 相 关 信 息 请 拨打 电话 010-62776969 或 发 送 电子 邮件 至 
jsjjc@tup.tsinghua.edu.cn 咨询 ， 也 可 以 到 清华 大 学 出 版 社 主页 (http://www.tup.com.cn 或 
http://www.tup.tsinghua.edu.cn) 上 查询 。 


